body {
    overflow-y: scroll
}

.header {
    width: 100%
}

.header .da-notice {
    width: 100%;
    height: 30px;
    background: #b73232;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    text-align: center
}

.header .da-notice a {
    color: #fff;
    border-bottom: 1px dashed #fff
}

.header .da-headerNav {
    width: 100%
}

.header .da-headerNav .da-headerNavTop {
    height: 79px;
    padding: 0 30px
}

.header .da-headerNav .da-headerNavTop h1.da-headerLogo {
    position: relative;
    float: left;
    margin-top: 30px;
    width: 121px;
    height: 22px;
    background: url(../../public/images/header/da_logo.png) no-repeat 50%;
    background-size: 121px 22px;
    cursor: pointer
}

.header .da-headerNav .da-headerNavTop h1.da-headerLogo a {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.header .da-headerNav .da-headerNavTop ul.da-nav {
    float: left;
    height: 79px;
    margin-left: 30px
}

.header .da-headerNav .da-headerNavTop ul.da-nav li.da-nav-item {
    float: left;
    line-height: 79px;
    margin-right: 30px;
    font-size: 16px;
    font-weight: 700;
    color: #494949;
    cursor: pointer;
    position: relative
}

.header .da-headerNav .da-headerNavTop ul.da-nav li.da-nav-item img {
    position: absolute;
    right: -30px;
    top: -3px
}

.header .da-headerNav .da-headerNavTop ul.da-nav li.da-nav-item:last-child {
    margin-right: 0
}

.header .da-headerNav .da-headerNavTop ul.da-nav li.da-hotBox {
    position: relative
}

.header .da-headerNav .da-headerNavTop ul.da-nav li.da-hotBox span.da-hotIcon {
    position: absolute;
    right: -30px;
    top: -2px;
    display: block;
    width: 35px;
    height: 28px;
    background: url(../../public/images/header/da_hot.gif) no-repeat 50%;
    background-size: 35px 28px
}

.header .da-headerNav .da-headerNavTop ul.da-loginRegister {
    float: right
}

.header .da-headerNav .da-headerNavTop ul.da-loginRegister li.da-register {
    float: right;
    margin-top: 22px;
    border-radius: 3px;
    color: #333;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    width: 88px;
    height: 35px;
    border-radius: 2px;
    border: 1px solid #333
}

.header .da-headerNav .da-headerNavTop ul.da-loginRegister li.da-login {
    float: right;
    font-size: 14px;
    color: #333;
    line-height: 79px;
    margin: 0 30px 0 15px;
    cursor: pointer;
    font-weight: 700
}

.header .da-headerNav .da-headerNavTop .da-alreadyLogin {
    float: right;
    padding-left: 15px;
    position: relative
}

.header .da-headerNav .da-headerNavTop .da-alreadyLogin span.da-loginName {
    float: right;
    line-height: 79px;
    font-size: 12px;
    color: #333
}

.header .da-headerNav .da-headerNavTop .da-alreadyLogin span.da-loginIcon {
    float: right;
    margin-left: 13px;
    width: 8px;
    height: 5px;
    margin-top: 37px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAHKue4KAAAABGdBTUEAALGPC/xhBQAAAVRJREFUKBV1kj9LxEAQxZMlQbD1SwiCXmclCNppkT+FjQhaBC1SCGKhzaFfwOastLOLd4lwItZaWCZwjXXKFDYWQkzib0423Ik3kLyZefvebDZrOI4TGzooGp3/QU2BtREEwbzmXdd9MDzPc6VBsa8JKYastKVh+r6/VFXVKEkSs11Bgl8P2G2bWF02TXOilFpH8NYKsHuaVOo8DMM5XB4VqlWSG01ozPP8yzTNs3GNS8VzqEkEDSN3pG73IE0Uazg+g704jk9lgZKXRKfTsSFfIF81KX0T6wxiGWJoWZYTRVElxKzodrsqy7IIjcead4Xbioym2CzL8putXMwSM+w8TVMZsI1mg6NabL9BRIiPgGvImvP0+/1+In0+eKuua8kt+seDweBK+hJTBr+t8X+9ZYsH1B9iRr4A3iHcA6cuzb8GYiS3piiKe8Q24XI2n3rAJP4Aw+qQ4HdVGQoAAAAASUVORK5CYII=") no-repeat 50%;background-size: 8px 5px
}

.header .da-headerNav .da-headerNavTop .da-alreadyLogin ul.da-actionList {
    display: none;
    position: absolute;
    right: -28px;
    top: 79px;
    z-index: 9999;
    width: 140px;
    background: #fff;
    -webkit-box-shadow: 0 2px 3px 0 #c9c9c9;
    box-shadow: 0 2px 3px 0 #c9c9c9;
    border: 1px solid #c9c9c9
}

.header .da-headerNav .da-headerNavTop .da-alreadyLogin ul.da-actionList li.da-actionItem a {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.header .da-headerNav .da-headerNavTop .da-alreadyLogin ul.da-actionList li.da-actionItem span.da-itemIcon {
    display: block;
    width: 15px;
    height: 15px
}

.header .da-headerNav .da-headerNavTop .da-alreadyLogin ul.da-actionList li.da-actionItem span.da-itemTit {
    color: #333;
    font-size: 14px;
    margin-left: 15px
}

.header .da-headerNav .da-headerNavTop .da-alreadyLogin ul.da-actionList li.da-actionItem span.da-oneIcon {
    background: url(../../public/images/header/da_home.png) no-repeat;;
    background-size: 15px 15px
}
.header .da-headerNav .da-headerNavTop .da-alreadyLogin ul.da-actionList li.da-actionItem span.da-tenIcon{
    background: url(../../public/images/cart.png) center;;
    background-size: 17px 17px
}
.header .da-headerNav .da-headerNavTop .da-alreadyLogin ul.da-actionList li.da-actionItem span.da-twoIcon {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAFMN540AAAABGdBTUEAALGPC/xhBQAABX1JREFUSA2tl1loXFUYx+8sWSYTE1BjxdoglVSNpKKieagiKmhTbIWEmH3XYINUQXxQWvQhPpa2goipCVnMQgeCCDKkpSQPEbQ+GFsR0daNNJIolZhmkskkGX//m9zLvTOTjgYPnLnf+dZzvu2c8RiMxsbGuL6Ms179xuPxkNfrNTIyMtr9QiwvL7+ck5Mz3t3d/atHCI2GhoZP4Srz1NfXvwhwWsj+/n4PsPcJpvTEa2tri0wdwB2rq6uX+cZkckDsroHCsy4ECxgfrKys3Gmq8Hg8s4kMS0tLF8H5TAYRy8vLHwkGgx8GAoHHurq6Iuz7el9fX8A8GRrqc3NzL8AXFBH1p0WUoHkw9rAKk08Ia+hMRktLi+UkC29+W1tb434dVqO5udlm6u3tNTXaG7MQJufGz1Wb2NTUdNgisKEP1tbWFm0iLnuJaQwMDDwkJuDbjLa2NtuWkEThFeY3gr2xWOxWhVVTiOnp6Y/8fv9eweau6urq3gfRIbXpBv4w1tfXI5gPmufMzs6W4MdyDP73A5ckzpWVlZ2iY+Qu8ijHzgOntVAotMb6WyduK9j2hsXAEU4R5CPW2vpGo9EFtpqnZAXnDoLFNDg4+CqwZspBPJ4hqmNk7O4ky9XV1a1Y7rYk5+fnd42Ojk5rXVVVdR8OG6NkHh8eHv7ZNE8Y5nBQHhrvX1hYiIoRx/0RDoejZNwUTnpAOLxsYLGT3R3T2hQm/QN4fAqte4S8wVjEyNOc/UvxmKEi2SNYTSdooDwI3xeE6VkJ+8n35xX4SCSSRZhWhLzR4Bh/+Xy+E/AU+8nebIJuWIIVFRVF1GFWogK2asVehZ0t+kYlOTjz8/N/QPOlxInFgw42E0wKVU9Pj+nERMZU6yThVEwJuHFCZm47SViNAY+6+AmPHKrEmOTsdsUnCZM99TgwzylNTRsSFI4wNZA0LVTYU0nCQ0NDg07BRBjBHrb9m/BJwrSQMHHfISJhHEfZ64I1ampq9kLzI1yhdZIwxH1ov0lEhitpCF8YwVUUTomYJIxD7POS87cT38/ZQcPMzMy1zMzMOzh/jQQ1lGHfoVGX0NHFxcVeIVnHybirlKYUPZqVlXWlsLAwBq9a54h4NMyE4Jy9hKdpA0XaEarZ2dl8SvJv4aDv5xMiZCetchTeziZq+hbOcxyrTYrr/zVUdOidYx7FsHmr2obpeSUYPM8soFGokXSy82GrqWx3E7jsTvQcYx5At5pQmAZ1UA3aDBTIYhKywNyJxxMi8Tq3ayxBbpqbrIPrYgwb9+DJe7GzG54fkzIkQdBQH4b5pCPlElnstUJEInxNFpWPjIz8YhNSAGkNs9tLGFV67viXsZ/My8ubS2HLhUprmFvmKyTKXFL/YUFfWSPGeqJJSsmsCzi5GIV0DgryZlxdxrSL1El3wmpUeOUyzeqchSeTp9HxMB4rJsO/pwuYZZb2xFT+2xTykc0dW/pSfgmJQWgW6FMHrE4pRrL4OrnyO8ZtezaQUhNIdqzXgea2Rnt7ez4lNMbVXSqP0LL3c+ox942wLdVbC+HiTC6YLjxRiifUSE7JqCTSnpheeob4ViLksrDZkWI8rMoonfMu4uaCEJ3A6AuqBuRD9NvXLL60JyYra3hD7SE+Jc5JFyrhFLugTR46dMi6Viy9em6/S9M4rA3C+xmEFpsIYPZqPWSAPxETcTiHseesd4mTORFGeSUnOoNivY5k4ArfMCecJxnfZHrZ7EVi/CT6rjnl7UtCz2wyuMNy6RbNIgr9Pd7ob01MTKxKEXEswKVV2KhEZh9h8WHMtAHvn8ClxPUnp1HBtmEtUBJASR27foPl3Xxd/2tQHAH3Dr38OHR30KWAoYTi5VaEwQK+F/SnaYPi/v0Hyhmr8YoxkKwAAAAASUVORK5CYII=") no-repeat;;background-size: 15px 15px
}

.header .da-headerNav .da-headerNavTop .da-alreadyLogin ul.da-actionList li.da-actionItem span.da-threeIcon {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAFMN540AAAABGdBTUEAALGPC/xhBQAABXhJREFUSA21V21I1VcYf+71+oKIM+cEX1DLqZSu1oaOTbAPhkOkYBJ9GKlYTPdhEBV+SCnUDYwxt0lDQfA12xhbAxEpRzJdOF3bKpym5ju4MjTTzHe9d7/fwf/d/96u92axB/73nPO8n/O8nHNF7MBw/PjxXZGRkcPE5+fni2RlZc1aNqGystJiAmEZyFfIAbwPRxswnD171uLj4yNDQ0Mk5JFNQVtbm4UYE+Q5SmhoqBqtP9nZ2Vmzs7OWhoYGS2Zm5ga+e4qod0Ovbnp62lJYWOhLtxzC6dOnN+rr658YSM3IyFgzGAxWZmiavnTp0msOJfVIJU1Ebm6upbi4WJ3N6urqE2j4yADnlqKjo700ibW1NUlKSpLW1lYxHT582Cs9PV2jqTEnJ0dWVlbEaIPVLaB2yCGRqv38/OJM3d3d0tjYqJNR4Vi4ePHiinFsbGzEhiJidnNzO0icdSsaQ2pqqmdgYOBt2NwJnBkH9BTzrxDCb8rLy59qfByV8IkTJ+Lgx0msA8H4lpeXV+iePXusfJ6enrJv3z7x9fWVrq4uuXHjBq2/YUI0W4KCglKKiorEaHS4P6WkoqJCxsfHpaSkRG7dumVcWFh40wi33tm/f79TQUrTk5mZGenr6xMIPkHwv93alNXp/ybYkpSWlhJxnj8qW5jLBQUFXG8J3C9ygvSfYbWMExPc/g7CHzPczsBkMrFOOpGO7zvje27aM3FGlr4NC+3Q4IZvzWw2d7i7u1+oqakhzgZshJGt3svLy48PHTrkkZKSIgMDA3L16lUZHh6my6sI5Ryku9LS0j44evTohhJGrD8B8gA+P5zBwb1799qEzt/fX+Lj4+Xhw4fS1NQkKORRHNouJskVZFB6WFiYVQDWbdwbHByU3t5eOXfunFDxqVOngsjA007Ly8uTqKgoGwH9YnFxUcjT0tIiiYmJAhkz6UbsxTMgIEDP+8zc29tbQkJCZGJiQtrb27n/BSX8DKcTBITk+vXr5Cjnz7bS89GjRyrLUHWfv5AwhGbRyRe3LcwUhusTFCSowigrKxM2JWdA+vr6+qqHh0emxkdhC4JvYDicARMFcK2qquq2xscDW7RPCo2oH+fm5hjfa3oc0tV4Hsm/gL2o60hP1OYQWtnY2Pixrq6uQsNxtCkMPcFubkCT3AHcuzAUCTvrUPgP1oPoqsPs0Xb8LpcuDeNui4ORr6HpAHZoioiIEHRd1UgZgM3dsj0tcXdYT2PkTd+B4PyNc/4Tjk3Ze+LU8LFjx4Jg5AyUnWGgWFfBwcFWHQzu0tISG7EwFvfv3xdcTvLgwQOZnJxUNDCbIb8IZ4bg+Pe1tbUXqEAZxoPgPRzhh2Bg89oJvDc+FjqTwB0f4ylsn1sBmpy6i8LDwyUmJkZiY2MF1aOcYSdpbm7mbUwHMmD8Jz5PMhH8L6H0VTyGlACbO49zO8AMZZO8e/eu3Lx5UxISEiQ5OVl2796tTunOnTukG7HB16nXhEkxvNhBJnZaV93IlTNscZ2dndLT06N6KU9gdHRUOQXZddj7hTp4hH4ceSzb3SUV2AP1oNpVZ+ApTE1NqSsDfLwu/rp8+fIflNlW57M34mrNxOvv71cfeGdh+DNN5n81zN3ircvOwzr/tbq6WjV7Gt86TTXXXnBELGV+fl54P6BSHuP7Qq/Kapg1yRqkly8DrGc0DhVj7FTgwDT0NeEF87ter9XwyMiIdHR0iKuOrxd2NOfLYFMHG8cojH+KhPvBnpeG2XN9kAhuPJ6XBRrdfMdNwmgrLoc6RzqNKKGT8Gwc7c7yPNeUIyV6HB5HjO0ScFeQxeplqadrc2uvRgdLBvIInEjEGABvrf9ONGYX4wxk78FYA/h+Q1scc8b/Lzu5rts0MzyMAAAAAElFTkSuQmCC") no-repeat;;background-size: 15px 15px
}

.header .da-headerNav .da-headerNavTop .da-alreadyLogin ul.da-actionList li.da-actionItem span.da-fourIcon {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAcCAYAAAEB/z8/AAAABGdBTUEAALGPC/xhBQAAA7pJREFUSA3lVktrE1EUnkkmD4gRIxV0UReC0JY2oIhd2EU3rQ34JBZK2qYtqVBxoSD4XLnwhRQEF4oaStMWCm3UiBB1VURE0Coh6A8wCwWLC1Ntah7jd665453JpBNLwYUXJufMd849595zv3MzklQe3d3dm0m1ccDlcu3RAXa7fZYAmX7gbifpdrt3kaxhDA4OFrmb3N/fP5/L5XYTgBht3KDJvr6+oPYCRVsXDI/JUCqV1EgkoopOUk9Pj+lyMOmEzhHAKxHQwhOIrbdWNYoG0lkZSBkYGPhps9nsLS0tX1Kp1GvCtLDj4+OufD5Pq95EBjYqll/Gh4aGVAXeOV7lMs6Eqqp/cooGrlPUpqam9+l0+gPHRKmtSQRFXZZlfVUFo+VkwbdCZcwxouFwOA9sEaXbUCwWH4Jmh1Cl07FY7LrRV4LzU1DHYzAotGcc6agBl0Kh0F082xQyOByOzqWlpQao84JjIRqNmq4MNBheXl5OMyPOpB6l/0jlr3E8waEHqvpSwxlZaHSuWm2n09lmZGnNk1c6Xx6kambusJL8d5PZOYtLI2Kgk44XCoXPHKdGBdOeTU5O7uMYSa2TOYhO/gFa3sC7C0+D3+8/SfrExEQj9+GyYjKugJfNzc0S+DxCpEEgJwjh4BN0kjhKXNWBeCFO0xag6rZGPUC9QP4KIu8Ht4ehHyWAD+zvFHR6dAP1aPR4PJ0E2uga1VktXpBM81ewtxTtDctpxW3+xmIu1eIO3Wvkx7oKR5GE3mU1kU2QZQnU3To2NpYx7VerIEh2AMtPkB+2fRCn8chqjtG+KmqDbA4kJgpIpBuD1vK+qsS1BLby+f8S6zrNrDz4ymhHw50F9WfRZPfMfDiGDh4Ga4+A9lenp6fnOG4mLROjf7aDRB0IuBdsvokFRHCzfefBwOoCroUQ7FE8bthLmBOHfY77mMla28mGpGcQ9DKCUy9SG7F4xGzg7AF+Hq11DYbfRrOMZazi1qziq+I2feHz+S55vV4VCdpFP7TUxUwm05FIJJ4D164n0ceosx339vaO4OPzFgJI2Wx2Zzwef2d0FN/xl70R584uVJzn6MzMzFfRbtSDweAOLPgtjkDC9XhsamrqNjtjlMpJzlRCBLSsQjnRBWOCau8Uk2LT4Ll4H+fonMqjnitrKFlMyoFFsIue7RjliiqK0gXwMD5c7uMfI4uki2uUeB0I6CUSIs8DfONFKa6O1YFAYH1dXd05lCWM1W2B1Nn/diGIQUT8BBFbWFi4kkwmv/EYvwClflvghYCl2AAAAABJRU5ErkJggg==") no-repeat;;background-size: 15px 15px
}

.header .da-headerNav .da-headerNavTop .da-alreadyLogin ul.da-actionList li.da-actionItem span.da-fiveIcon {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAcCAYAAAEB/z8/AAAABGdBTUEAALGPC/xhBQAABSNJREFUSA3Nll9M21UUx/u/BQV06oIE1AdDoiQE05iYGAMxGkUWpsj/f4U2NiYaXXhwdjpjpiJMjEZ9kfmH8jeMDNmMQxI1JPhgfNJg9MWHLUaCw+h0k5a2tH7Obe8vLVDK5os3ub33nnvO+X7vOef+bk2mPbXu7u6jotjV1RU1DHp6ehLGImPS0dHxiha0t7cftJnN5r9EkEgkmJpPq02czWkts0zE4ebmZh9aAzabzRGJRB53OBynRkZG1L6ps7PzF22hx97e3rLW1tbb9Nrk8XiGINAoguwUDfXkRPnHMhGLxXxgfsh4Fh7XsX1GXG5uMVBLn8+XsMB4GynZjcfjSZutJDh3LLmT+tUKHO+i3++3Z2zKQohhtV9vJKORXJnZWLBarQ8SV1M0Gl3Oz893h0IhH9uDdru9EH5ryLsmJycXtANJ5Gca1hAyIdErBO/eLbKXibLk2qKQvV5vgtP5ycuJdMVscwlTOBzusopCeXn5SWh9XlFRcdPy8vLZbEY1NTW26urqTahfmJiY6E4/s9B/jjMPkqUnx8fH3093whHCxMIRDAYFUJVohrFWJtwjlJmHMrsfZ6fo1xOsa8fGxv7ROjlHUtNcX19fkFPxahQM2lyiR6A3SmXeAN1LOAvk5eUNr6+vf8sRqqhUqbcFqD+sgZQx9AIEo59zfU0fslgsXgzqRQmDKLKn2C/C+RuIEgTNohw0NTVZJekUw0tKkPphfQ9OV9NlMpdiIiufytxGfg+AZCJvx0SgG+tvmBfrtR5h8Rr6AVlboHNF0eTs5zBWtC0U/pJcvIaGhlu1991GwI5SROcV8uzs7HkWqwUFBeek/HYzpMreJmi3oHNAGcsP4b+ZIVpWVhZhTEZSNtJaKiPPUtcB9H+QLUOR8DuhJPUdSrNRUyL/BHv9LI4QyAG9bxgjSLhcLie0HNC7qBUwbCQjw0T5LQBe13IZjQrTQpCvwcFllP9E1sj8S2IS5Jb1aB09bjOWDRzsx+g3KUmczGH4mDbY01hbW1uIk6bdlHdEThlYuNdVMLgd9EJkIUZJ63czMzOX05263e78ysrKKjIhteKC8SX6z3wov2etPhzp+jLPAKZGXCUlJc8DFpD3SimQPd0kBLpTlJP0OHqdkmHd03VlDtEIe6+ura0dn5+f39D7hlfeuho+A/NUvDAOw35gZWVlcHFxMayVGW18Muog9i69TORg/4rzZzjdGZbGC8RFz3M6nYfRO4xcfIbQfYi8LYmdAm5pabkD0K9gX4yTH/ma30c4/xCFbI0SfABda8a7s4MyBPZBYIkSvRP9VfkcT09P/6Tqmnq+m41iud8wG8oFKv5HR0e/yAUqeuILn2+Kb8EQLJErYFhcgE0UBQF2IzdSIEr/sZkJ913im+KMgrMm/jSAmRv7AYy8ImRzYmNjwwtb+aZcdaPa7by5JzitR5zgVy51L9OEBlbO5UVjEqQKpRjiRGJwamrqiNq8wh+u4jFq5gXMLBTVBqf18u2a1G4ygLWQy38I8OMwtWMkp36RnMr7lLNRdH3Y9tOdgMXoAWphaKvhjsCiJO8ehTBEfg7Jmgj8Tah6YP2JrLe2tra2R7kZIwAWST5p79TV1fU1Nzfv+JcxK7B2LB+V0tLS98i/TxzS5Zr18uWWeyv/BeX1/hjAfXTJ40dcx6epj21PhujrlhNYKxKBIiIQJG8HhQAAvwsQEbkxBXgaQA+A6j+9tss27hlYO5AXhPlwGoE5boAfQHVNtN7/dvwXNQ997X0M8JAAAAAASUVORK5CYII=") no-repeat;;background-size: 15px 15px
}

.header .da-headerNav .da-headerNavTop .da-alreadyLogin ul.da-actionList li.da-actionItem span.da-sixIcon {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYCAYAAAGabn0pAAAABGdBTUEAALGPC/xhBQAABEZJREFUSA2tlktoXFUYx+dmJp2ooVmYQk1FSaTFLqK4qLUogoiCC1HQBESdSfMqJAQpxEWg2qi1PhYiBKRETSajLkwriBrwtdAqVYkVaQkliyaoJZtSo8k4kxnn4e9/cr/LTdqUAXPg3u/1/x7nfOece72enp5d+Xx+NuKPGtF0Ou1Blnj+qcH6q69sgC56iUSiIoWGkM4FPuO7RSLJZHK/M9sLRc74DSmgIRl7e3tv0hMGKmm2rq5OFbjR1NSkEt0YHh4uCFBEivq6gHieN62CEoEmxGgqsUqlckN/f//1uVzuxnK5vCWVSk1juBiNRu+uYU6vLS8vn47H478D/MB3bhwfHz8VkbtFI8UXxkvvodiP1/umtIrn5ubyqjZDZSlCfmMAUXRBxLBePNgTbomJnCPAckdHx04D9fX11Rs/MDCw1XhRcMes1GDRCPIGER8gYivGZ8h8P/LD0COU/cro6GhWTi6jH811uru7ezfAgyxP0tcflqN46KFCobDD1xdJ8oPPR7RaWUp5OlBUwVjZMbAJmnMcRboKPwdhKv+K0Wqfgu5z2ipeOJaB3TYxMTGjzHJsW+8HaKNWCX+GJypnnZETotUMKlWH3EK7Fyv4TtiRBdxucrjndKWZisbMVsPYRzvaCLBoSuSZzs7Oe9D9lc1md0vPSWugZXPYXo3FYrdKF+MI/AhtsOVnR8WXlpbeKhaL35Hlc8D3YZ/mbvgS+RgLdVSOGq7sVXb1PTIykmdHvQ3wLPRAfX39u759K4EuhrE255OA1YJIV1fXzSsrK78BbBXNZDLnpWd6j0GeYz1aJbuhcnkWTDaK7mPjjbIGT/r41TZKMGM1lMxt5uP6zErWbuRoh9/s8/PzzkeymAJzK5hxPeXGWK+S7A6SrplvWZx7r4TYbB1NmabVdyquqnYMyiTK9GYnUzzW93HIcSa4x+IH+4stENxmZtwseqXYQcNKpVKKylIkW2T2jzL7k+HE2EaRn+A4PTQ2Nva9bOyWPcziK9gPwR+Qzga2u7jbPkVuhJo6oGtmqeuX83oa6zUkf5NgBwMkDAfmDo7p1yTbgr0E9biqH+SD9VMYx745im0IXYHZ7uXIu898GLMmsQzM7CnIezwFEteRoEKgW5BnCBaHXjbAlClgLyvxs4zE+BuiL1QPV+Oa2012jaDHEgYHB68jyAviGZ8pqRgKON/c3HxtS0tLrR70v6A+ZzK2WksqPPZPfPq8bj3x64eOk27u7cxmmxlxPEyyF03Wvcv1eQhMo3TQR8Bof3zkYxa56I7wCdVM3aDHz9Lb102GXsLnT+Luks794EDV05epnH+aYf3PXHWAiS0sLHgkch+6q4EnJyejU1NTQxT7knD2XQ92NYlnq0kq52pxwra3t5eY/SyJJQYjRsILKHeyLGk2RTqwbCITOk4XLKzb1STcwba/HeVlv4wG/J+0xATPcuz+sDj/AaBq6BR8zO3VAAAAAElFTkSuQmCC") no-repeat;;background-size: 15px 15px
}

.header .da-headerNav .da-headerNavTop .da-alreadyLogin ul.da-actionList li.da-actionItem span.da-sevenIcon {
    background: url(../../public/images/header/da_account.png) no-repeat;background-size: 15px 15px
}

.header .da-headerNav .da-headerNavTop .da-alreadyLogin ul.da-actionList li.da-actionItem span.da-eightIcon {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAcCAYAAAEB/z8/AAAABGdBTUEAALGPC/xhBQAABQZJREFUSA3NlltMnEUUx7+9gNyybFOtkaR4o5pAg01Qkz6oGN+8pAihEK4LsRheWmIwjVqJjdGYiKVqaDUkhvs1wUSLT9pC44P2wYqoJNYLLMakaCULCLtcdv2dj52PYfmKa+ODk8w3Z86cy5z/nDPzGcZOraKi4iGnLuByuT415z6fLyJdX9ykY1ecy8vLT20uR6na2lpL3yW8wcFBV0pKSjg7O3s8Ly9vcnx8/KTScghRWlp6R39//1R5eXmZWnA6nc2BQOB+c66bVAJxjab56urqyNra2hlMrhBpQ3t7u8k3wOHZWDM1NTV7hedOSEh4j/H9qqqqsvX1dVMOK2EE+gyYYZMT84E/ZpSVle0qLi5+RFuz0DYdI1CflJR0RgRWV1cbu7q63hJ6Y1dCRRsbbHU4HL7ExMQUBIPQPR0dHc+odduRcJcrKyt/tltk7awd3+ShFMDjqesKRBeQOQYKkcLCwtuF5ZYPW/QA7gmhCT7T6/VOh8O2IBnAaKSlpU1hqNlUXllZ+ZzYvkb3nqGhIT/jNizEMApvcIolnZ2dd8rcEiKukxhowmMTi6/KojQyqiE5ObmFTHJjeOMUN5Y2laNzc+BoHsXD3fQpDG1UhS7wX9DWtsVYUVHRPqrjYzzeSwgGIfxIXR1iu9/bObNSiZhbPB7PDwglk6BHIpFINcqR1NTU74j7HTtlE20UD+OtIRgM5vf19Y1pgp0lJSUPkJomuhp/k5Q7QFDd5NhTyLyurzhB9i68Gj09Paf1BTua2nuBUvpSrblRLKUAZhUDYw8CVpaa6yNy9W63+yw7GMZZoSjvAZyQEiJNPyFdd6t57IgBAwyeFr4AdhlP1j1Brd4cq6DmpOebGG4knW8VnpMM6iKWJGK5rjelTJo2cu734cAMUzyHQ6HQt2z/J2ivErQb29ratiSVOSFmBzdnmOS4hmWprD9Fua6uLh3DV0iWv/C27awtS/n5+e7MzMxpAMuQ1JSGUQODc36/P2N0dDRoMrWPpax4EjvKj6HoBtnPyLirai123KYcKyBzMcgNkguwt7ATD/gswZ7F+MROxu1sKZ6tYwk/IyPjCMl0AicmBAoGpSijQCIdPOcYX5uZmWm1g0bXUfQWxyg7qK9XcNYUNXgNwbc5vFZ1eEpRxoKCAi/V7mODLwoaHOoURZ0Ve9PpOoq2HNfX1+9aXFy8iIH9wBqI3j1jSjCOUa4k+5veRtm8guA7cfoR1bKfc7vC/CC7lmj/TdviVB4Hiui4oIDNQ+TCN7oxM2LeOB9n+AELyIWKBwYGzulCN0pL6VMmR+mJoHiR4yvWK9nA6QEgdnA3/J6enn5edyTvJRfOV/TdJJG+FBct76l02sMgepXNNHd3dz9vQo3B2ajRm+bn5/cgNCWS0oDcz1X6OEhkUUobzDi+JCgmw15JVPptdIPE+3BhYaFF1JXjfnZ1nKjl+j0K/znddm9v7yXm0uNuRHYMe6elDNnwJd71w8PDw9PKgPm/OTExMZebmzuH0JPs7GBOTk4A3hdK6EZG/lt/I6mCRP0S5/ry5ORkQLdjlZMw5YFl6MB5Egj8Qq+JeWh1XYuOPr61MC7wmzdoLexAbHEscvK3PTIy0gzZIOciZ0/308+ByGVg+wMI0zmSA/QnyNh9Aqc0InyXJ1OO6h/bNse6hvzUUIuyAbn49zKm4EhtRl6NX3E6trS0dIoktP3R0e39L+i/AVA+USs0TQ8ZAAAAAElFTkSuQmCC") no-repeat;;background-size: 15px 15px
}

.header .da-headerNav .da-headerNavTop .da-alreadyLogin ul.da-actionList li.da-actionItem span.da-ninetIcon {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAFMN540AAAABGdBTUEAALGPC/xhBQAABNNJREFUSA3VlmtolWUcwPeeW/O409Y28lINzyq0wr6VVuiHrOxbWaSCtLON04rsNqLAYHpqECzNUeEs5OwGIc4UM/bBqLUiZBa54bV5OftgSVLLjDjurJ0df/+39//y7PWszQKjB57zv9+f53lPQYFnWbFYbKllWTeyf8rlchWWKiD4FEaN0gVVVVU5lzARC8kbfr+/N5vNLvb5fH8GWBshTnR2ds5xNU17N4rDPO9oXYeFKysghXWuuYPU1NTEBHW1UPqGPO+ymZZ1pqOjo8LR/RfAdl9dXf3++Pj4SvVDjw7i/gEpOEfByxB+SMFrqLURugH4uWT9g1hovQa8YHsSBq5nC0E596uCTxjSAMrZJDjulmhDAsKQFY1GMajK0eNr/+J4fuPxeNTD+uek2eaLuBkgt8OU/G17e/s2dUvF94E3IUsBnywqKoq0tLT8YR8MGA00bo8qo/ToVDS6rapv97G2tnauMIi0leKfFhzePdBfOXhE2yj0hIXSGvbvwlQlA55hFg2mgVuzycRgXOZP+seAS4DzdDamXl5jUWDSixhoH8YxDlGnafTf427a9fX1M4aHh9NOSnoxbZLUi6nbx9G7obW19aymbRvToOdgvBcKhSpHR0dT3uZIx4tZF1g4StKDuDiQF+hHvM7iAj0kDLlEcrkE12XywHfALyFAMIDhXLz1chOfd5QHwbeAfy808jnIzxry72AvF1kgHA7PSqfT5zRVuZQY9JPaClEgs32c9dfa2tp6hJYSgsHgrYLbC8aL7HMG7T6RomzwB6HfVlpv+jswzhNlswq8UAKQvjyLL6vMHZUwJArjWEBTXiL1ARp3GLypsLBwxcjIyM9amhq7z4gwKisrr0mlUhlGNpuR9WN4lGgJMYxEIuVqpHBCZGHSsIfp7MegIUfpFxw00sB3HdoFlxmLRDpM2vbcIeWDMd+1mA5C/RnpwXR08+oQPW9meZWvJvNvs6Lxj5F5C/v6K0gqzXA28HJvBk7asssC0987MdhOsNsJJu/oKLsc3i1M+vRkCSQSiRDH6zf05NjJJZ8H/iv7KZLY7bWzb0VdXV05p2KvDBXFfvYezmmQk1EM/oJj1Og1NumhoSG5LTPYTSQYlUvAWksCSfHLPsm+W23kCTqF8GZlXAUob2GJ1dXV5e/u7pY7sIwMP6EtjwAnzIZZr+aSbSepHVSy2pscya/D/k34jcjX55FvQx7H76HS0tLFzc3NF90Z81W6F+e9KEj7H8TBF6YD2iTv6Hx5Y3jyB1XGmII8E/J5CJaVlZWIU5WR8EL89bHDPJ+Pm7O2ZyyKvKn7mU2IrOQg9FDF1xwY933iIdsgerxJCYG6CPoK+Ex2kxkU+50UcoigAzx+ITOo2LoVC6ELozswOAAtDp+g+o9EBv84/AVadb5q5e8HyX2JOrn6l9Odz8TWu9yKTQGVHyVYEdVvhb+TgEcIEgafUHUmk3kV3kz03uLAZNDbNzY2tp/kevgjGJwsqMTKW7EIdBGwgnYehC5jTmtpn3zBb+MTt5AgBwgSgL8KuAt+liSW0tY+tZ8MThlYDanmdZybJzaLzK9yAnbRqVVKTwWnHVgcUX057ZU/dDepYwKmmfmiZDJ5RHnTgVcUWB1yTZ6l5Vto8Qe09Rnl/y/gJbOxeVZo74GFAAAAAElFTkSuQmCC") no-repeat;;background-size: 15px 15px
}

.header .da-headerNav .da-headerNavTop .da-alreadyLogin ul.da-actionList li.da-actionItem:hover {
    background: #e0e0e0
}

.header .da-headerNav .da-headerNavTop .da-alreadyLogin ul.da-actionList li.da_loginout {
    border-top: 1px solid #e0e0e0
}

.header .da-headerNav .da-headerNavTop .da-alreadyLogin ul.da-actionList:before {
    content: "";
    background: transparent;
    position: absolute;
    display: block;
    top: 0;
    height: 100%
}

.header .da-headerNav .da-headerNavTop .da-alreadyLogin:hover ul.da-actionList {
    display: block
}

.header .da-headerNav .da-headerNavTop .da-divideline {
    float: right;
    margin-top: 35px;
    height: 10px;
    border-left: 1px solid #979797
}

.header .da-headerNav .da-headerNavTop .da-drill {
    float: right;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px;
    color: #333;
    cursor: pointer;
    position: relative;
    font-weight: 700
}

.header .da-headerNav .da-headerNavTop .da-drill .my-drill {
    margin-right: 5px
}

.header .da-headerNav .da-headerNavTop .da-drill .hot {
    position: absolute;
    right: -30px;
    top: -3px
}

.header .da-headerNav .da-headerNavTop .da-drill span {
    width: 14px;
    height: 7px;
    background: #1295f5
}

.header .da-headerNav .da-headerNavTop .da-packagePrice {
    float: right;
    padding-right: 30px;
    line-height: 79px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .da-headerNav .da-headerNavTop .da-packagePrice img {
    margin-right: 5px
}

.header .da-headerNav .da-headerNavTop .da-packagePrice span {
    float: right;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    cursor: pointer
}

.header .da-headerNav .da-headerNavTop .da-packagePrice span.da-packageIcon {
    width: 16px;
    height: 17px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAYAAAFJtetpAAAABGdBTUEAALGPC/xhBQAABLJJREFUWAntV1tonFUQ/mZ3Y5OGXjbWVrxVWyooFVFjEhFpvCEYoWmxokhBqiCiqBUpPgRaH7Vo1RclpCCKfaiXtmpiG+xFTYTY0KIFiUJ9iLeUFKW1NbZN9/jNnD3/nk3+sIY2VMGz/P/MmduZmXNmzr8Ah/sY/QY78WFOEY4XXF+jw3AfMm41atCNzUbutjdVWuGo5hRmjCYYwgkUIPipKBMBina6vU1rAknck3C45Urgi++NlsMg4SFOFHJkUIVpNPcnDQ7JVr51OIcsbf2gS9tcXSji4p7CbpKblWG2L8sD7/TZVF9mQh02yh18X86nw2b28oGU5umY24FL1Y/A5fo+NyR4C6cYRBe2uH5UuU4couibhFuDgubbe88UW5rJCTSfmSD6YKPHoigqOTmQ4wY8z8ytNVXuoI1BD5jJqypZYBQF/OLl098ZmmlnPrfz8bvud36I8zZV8btVVA6hFad1cg9+L+Ia9lHiM2xeiwvkVhxWPPHRdeExYwL3UVH463A9i0c1b25HbYG0mUZXoeMYLsp6D+yUBUqAeur0ZIQR5TaQCN/OUHlfRJgsutIft+VYR1/Wen+KNpqmAfOSCIFtI+XGR5lAnvhQisDpcj6qTwBRBKBC2oiWSGNXppkB+YAhTHYIesapsAb2cL+fHccggdt8CXnDbjeqY34SgvsEd7FqlpC5nob2xkJUvplH9kfS5vAM/BbzEgMU2GSMDJppqJ5GrJlx1QXk9XCH1vDRVNakG3CoU4bcjc9wIc5DdvqdVr35xQdJflxasJ5wo8rQOE+ZHyUPAoVQ6nEK+Ws8JVcLzG2cZxOXnJSWIK6NrYMuPxwICQztQQm/HgF2DSSsgMhrkEyqcpCoAFkGvakhVNArsQUz1MC3JcoksTyaSr27VBXeytJotw4XgF7WRhjaZU/jFRbT6pLa2GLJR9V3nApj+UVjZ5YDGvkvGxB/H4QQuoo5+efgWrykwmaA29Fi1QaWrF4g8SWiF8koRhI68Cm/BKbLOtI5yi4WJYTBMv6S+E1hTsluPitYrXrBTDjcdjTwjHzEEpmbCAk2sJqfSeYRkuoAy30TDTwQycXoV6jF7bzZjsVEOnwDHdxFvZkxPcIf5cXWHs0NDXuQ0NkZbxyzeJvdiNqjBNso2MCu+AcX3Oj2N892vVfMp8PaKvptccETKm866lAYghf5nTMu4FIlBcECHgqoQcHXCq3HAa1u33UX4WT2ICS7CidHViHHTM/RbLtjkOqrpeFzbd1hHCBym00cZvETo5X4lsBUmHjE1rSM8/tJuZ6RnM9HL48cofCxbyxVwJJFWcyvG5c54/18pICdA6UbVr8wVFsbgfCLVvhN4RiQYLO8indVJ+eexkqex7fMgL7CUsG1AIOAjCUEBmGGv6yvjIiqaBWfGtqeTbiI8F4GrOE/oh9oG4iem+HwsqbyjXOzOlcVvJ7hvdbG+3gWd6jft4Ypdke3+C8c0DV5Dp6zKmBXOuqWo5MO1FdcXv/cRHdVmfwQZ4NllIkmO6XdN7T00zyR2hTQ/3fgX5QB3+enYJdTTObsTjFGkgF5H/vZfC9mbX6TonK2SN+xUy6U97DnbBk8Yzt/A/EwcAjbVFx9AAAAAElFTkSuQmCC") no-repeat 50%;background-size: 16px 17px;
    margin-top: 31px;
    margin-right: 8px
}

.header .da-headerNav .da-headerNavBottom {
    background: #fbfbfb;
    padding: 10px 32px
}

.header .da-headerNav .da-headerNavBottom ul.da-headerNavBottomCon {
    height: 56px;
    background: #fff;
    border: 1px solid #e0e0e0;
    position: relative
}

.header .da-headerNav .da-headerNavBottom ul.da-headerNavBottomCon li.da-searchIpt {
    height: 56px;
    width: 100%
}

.header .da-headerNav .da-headerNavBottom ul.da-headerNavBottomCon li.da-searchIpt .da-iptBox {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding-left: 19px
}

.header .da-headerNav .da-headerNavBottom ul.da-headerNavBottomCon li.da-searchIpt .da-iptBox:focus {
    border: 1px solid #f3cc47
}

.header .da-headerNav .da-headerNavBottom ul.da-headerNavBottomCon ul.da-searchAction {
    position: absolute;
    right: 0;
    top: 0;
    height: 56px
}

.header .da-headerNav .da-headerNavBottom ul.da-headerNavBottomCon ul.da-searchAction li.da-searchBtn {
    float: right;
    width: 60px;
    height: 56px;
    background: #f3cc47 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAAGyxPnNAAAABGdBTUEAALGPC/xhBQAAA8lJREFUWAnVlz2MTUEUx/dZHyFEQaUQm21VQqXQKSUSG1Hd2ypRiBWNSkGh0SgU4iMiQUEUCitEQRRia1kFlWKLjcbX//f2nrdnr5m5c9+7L3lOcnY+zn/+57yZM2fuTk2tybm1bkMvC7kzRfInZdxrxl3WsdYv832zT12znrcu2WT7FhqLolDf0w7YABhoMFl1ftYnGMMUkiA7QAwwXa36/KIoWLao9BdN18ynNCb+6D6tyPjRLYJlzo373Yv6O1uf1Ph7fS4V+LrtSgEHtg11+tr4lR9v02DRT1T9AZu3HdAAw13p26pfqL0hzZKHQl0G2cuAvxDmSQauD3kQAs5rknhDuqx5fny2cOQQhU7Uk7Cb4NispADyOZQEy8i5suZMDEjWAmgrHGdwHR6/tmWr8DNN6ziAoNfIwrLC747YB9PcQ4i5ZvyCkJSaBIMW0lbCAXAtjYB2Qeoju13ZqU+dy1Mx4vR858wifF2RH6sXRe/siAYnpPuk36Q/pEMJV9Aywe+n9bnCrcROH4KitpKSzo3DtlKzRYdW9BajiFUDdSGbGOA/z0DEgRHznESFnIQ0lvChhbYVIVt/jiRf9/5EkWsG9phAgs8/0ZFWwWqt+ZjYVh0NAewnD1up9qRID4eMGXPvYxgKBfvTRgqBk2uoPABKaa6A5+YlZUlWgMlP14qBCwI261UFiJbSkHConDqYe9KeNEssYhbyjUIB5oHzBduuNJhsYY/t8FiIQsrNMyFqs9lcJ+3GcRFvHhfx1nERb6+If6vtVMjxZ20YyQhOn6zw6WUZYC02MGBZ05n0Ekzk+CPp4F/HCvtL7TvpZykvN0FSAWekh6SUZy9fNDgu/eAnu+jPiYQztF3itpdSK+fqNgrYUmqVAi444R5ZqGNLUguQ+pZTB5scwwGX8eIjq2aGiMmnZUdWhkAjzsFpweJrqBxecCSF+uMSuC1YfLaSI0LbYh6PcQs+zB++s4SkP+iQb1x/XF3vw/tO+iNQ/1EW/NBKMrQ3eh/edyMT36tWxGmD36+NLHmAkX3xklje8BXfpmbmhbjKaf8h4AufQ8m8VlmwFOrZoVjCi+DyxR9fIwnP5orUAqZQjxIwa32xhxsfncmcmCC1gGk5tkKaymFsYPwRsxau+1L66E1pT9qZ8NRxTP7VMmdNLWv4N9ieSwK7JfXrrmucJcP8KnZtv5QygyKUGfSTlFxMybSMd6QnHeiK+hfceKK6mxTNY6nf4UsTFWEtmC0aP68FfLaGmaghufxS6nf49ERFWAtmh8b+w4X/sP8f+QucwiV9SWkKuwAAAABJRU5ErkJggg==") no-repeat 50% ;-webkit-box-shadow: 0 1px 4px 0 rgba(178,140,19,.5);
    box-shadow: 0 1px 4px 0 rgba(178,140,19,.5);
    background-size: 28px;
    cursor: pointer;
    position: relative;
    top: -1px
}

.header .da-headerNav .da-headerNavBottom ul.da-headerNavBottomCon ul.da-searchAction li.da-searchBtn:hover {
    background-color: #b28c13!important;
    color: #fff!important
}

.header .da-headerNav .da-headerNavBottom ul.da-headerNavBottomCon ul.da-searchAction li.da-searchSort {
    float: right;
    margin-right: 21px;
    padding-left: 20px;
    position: relative;
    min-width: 116px
}

.header .da-headerNav .da-headerNavBottom ul.da-headerNavBottomCon ul.da-searchAction li.da-searchSort:before {
    content: "";
    display: block;
    width: 1px;
    background: #e0e0e0;
    height: 28px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.header .da-headerNav .da-headerNavBottom ul.da-headerNavBottomCon ul.da-searchAction li.da-searchSort span.da-sortTit {
    float: right;
    line-height: 56px;
    margin-right: 14px;
    font-size: 14px;
    color: #333
}

.header .da-headerNav .da-headerNavBottom ul.da-headerNavBottomCon ul.da-searchAction li.da-searchSort span.da-sortIcon {
    float: right;
    width: 8px;
    height: 5px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAAG+Fv5aAAAABGdBTUEAALGPC/xhBQAAAMpJREFUGBljNDY2nsDAwJDPCGT8BzIgAMh5DRNAkWEEyYNk2NjYVMEcExOTY////7eE6gRTQEkuZD5Ix19TU9MgmCCKmTBBKD2RCUM7UIaRkfH42bNnC8B2Wlpaqvz69es2VMcboIQoiikgu0B2IgsyNjQ0MG3ZsmU10LVwhyArQGcDrVzn4+MTCrYSJAk0UQRIHQdiFRAfC7gDFLMEOucNSA6uEabQzMzM8t+/f3uBLuAEK2Bk/M7ExOR86tQpkKGEATCwC0AYl0oAUoQ/ApUf9nIAAAAASUVORK5CYII=") no-repeat 50%;background-size: 8px 5px;
    margin-top: 26px
}

.header .da-headerNav .da-headerNavBottom ul.da-headerNavBottomCon ul.da-searchAction li.da-searchSort ul.da-searchSortList {
    display: none;
    position: absolute;
    top: 56px;
    right: -10px;
    z-index: 2;
    background: #fff;
    width: 105px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    border: 1px solid #e0e0e0
}

.header .da-headerNav .da-headerNavBottom ul.da-headerNavBottomCon ul.da-searchAction li.da-searchSort ul.da-searchSortList li.da-sortItem {
    padding-left: 18px;
    cursor: pointer;
    width: 103px;
    height: 32px;
    border-radius: 2px 2px 0 0;
    line-height: 32px;
    font-size: 14px;
    color: #333
}

.header .da-headerNav .da-headerNavBottom ul.da-headerNavBottomCon ul.da-searchAction li.da-searchSort ul.da-searchSortList li.da-sortItem:hover {
    background: #e0e0e0
}

.header .da-headerNav .da-headerNavBottom ul.da-headerNavBottomCon ul.da-searchAction li.da-searchSort ul.da-searchSortList:before {
    content: "";
    background: transparent;
    position: absolute;
    display: block;
    top: 0;
    height: 100%
}

.header .da-headerNav .da-headerNavBottom ul.da-headerNavBottomCon ul.da-searchAction li.da-searchSort:hover ul.da-searchSortList {
    display: block
}

.header .da-headerIndex.da-headerNav .da-headerNavTop h1.da-headerLogo {
    background: url(../../public/images/header/da_logowhite.png) no-repeat 50%;
    background-size: 121px 22px
}

.header .da-headerIndex .da-headerNavTop .da-alreadyLogin span.da-loginName,.header .da-headerIndex .da-headerNavTop ul.da-nav li.da-nav-item a {
    color: #fff
}

.header .da-headerIndex .da-headerNavTop .da-alreadyLogin span.da-loginIcon {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAHKue4KAAAABGdBTUEAALGPC/xhBQAAAOdJREFUKBV1kDuPAVEUx8djI5n4JlsoNSqthkqts51etzq9brdSi4hXxKfQ+RAiUYjIhuN37t7DPMxN/nP+rzM3M4GITAM7CDGemBYx7wGP0HL4TI2WGsyOBSoW4MMZkE+Qej3WCJyiWwOMC6iC1wJ8/WxFCH4JLPW+I/iJZI7i6amYuCG6VnKRSNu0ldSvgTMYxkIVmEWgZxMLMXbOFpkzC7HwjaCTBxO/s3cVhF6tv0DP95s96/X/K3Jl1lM9zC9f0I9uWgHeAH8+65mfOSn++rL+4oPnY2YucykZUA7BCmxBOZmbfgAMLAFHbc5QFgAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 8px 5px
}

.header .da-headerIndex .da-headerNavTop .da-drill,.header .da-headerIndex .da-headerNavTop .da-packagePrice span {
    color: #fff
}

.header .da-headerIndex .da-headerNavTop ul.da-loginRegister li.da-register {
    color: #fff;
    border: 1px solid #fff
}

.header .da-headerIndex .da-headerNavTop ul.da-loginRegister li.da-login {
    color: #fff
}

.header .da-headerIndex .da-headerNavTop .da-divideline {
    border-left: 1px solid #fff
}

.popTip {
    width: 480px;
    height: 80px;
    background: #ffd44d;
    position: fixed;
    border-radius: 50px;
    display: none;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 999999999999;
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 80px;
    -webkit-transition: all 1s ease-in;
    transition: all 1s ease-in
}

.popTip .favorites_img {
    width: 82px;
    height: 58px;
    position: relative
}

.popTip .favorites_img img {
    max-width: 82px;
    max-height: 58px
}

.popTip .favorites_tit {
    float: left;
    margin-left: 20px
}

footer {
    background: #f9f9f9;
    line-height: 1
}

footer .m-footer-slogan {
    background: #424242;
    height: 75px;
    text-align: center;
    line-height: 75px;
    letter-spacing: 1.09px
}

footer .m-footer-slogan a p {
    display: block;
    height: 75px;
    line-height: 75px;
    background: #424242
}

footer .m-footer-slogan a p span {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 2px;
    padding: 10px 20px;
    font-size: 16px;
    margin-left: 35px
}

footer .m-footer-slogan a p span:hover {
    background: #fff;
    color: #000
}

footer .m-footer-slogan a {
    color: #fff;
    font-size: 25px
}

footer .m-footer-slogan a:hover {
    text-decoration: none
}

footer .footer2-container {
    padding-top: 40px
}

footer .footer2-container .row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

footer .footer2-container .row .copyright {
    margin-top: 55px;
    height: 75px;
    line-height: 60px;
    width: 100%;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    border-top: 1px dotted #767676
}

footer .footer2-container .footer-info ul li {
    padding-top: 10px;
    padding-bottom: 9px;
    font-size: 13px;
    color: #bebebe
}

footer .footer2-container .footer-info ul li a {
    text-decoration: none;
    color: #5e5e5e;
    font-size: 13px
}

footer .footer2-container .footer-info ul li a:hover {
    color: #c9c9c9;
    text-decoration: none
}

footer .footer2-container .footer-info ul li.list-header {
    padding-bottom: 20px;
    font-size: 14px;
    color: #333
}

footer .footer2-container .footer-info ul li.focus-us {
    width: 80px;
    height: 30px;
    line-height: 30px
}

footer .footer2-container .footer-info ul li.focus-us span {
    display: inline-block;
    width: 20px;
    height: 18px;
    background: #f9f9f9
}

footer .footer2-container .footer-info ul li.focus-us span:first-child {
    background: url(../../public/images/icons/wechat@2x.png);
    background-size: 20px 19px
}

footer .footer2-container .footer-info ul li.focus-us span:first-child:hover {
    background: url(../../public/images/icons/wechat\ hover@2x.png);
    background-size: 20px 19px
}

footer .footer2-container .footer-info ul li.focus-us a span:first-child {
    background: url(../../public/images/icons/weibo@2x.png);
    background-size: 20px 18px
}

footer .footer2-container .footer-info ul li.focus-us a span:first-child:hover {
    background: url(../../public/images/icons/weibo\ hover@2x.png);
    background-size: 20px 18px
}

footer .footer2-container .footer-info ul li.qr-box {
    padding: 0;
    position: relative
}

footer .footer2-container .footer-info ul li.qr-box img {
    position: absolute;
    left: -25px;
    display: none
}

footer .footer2-container .footer-info ul li.qr-footer {
    width: 145px;
    text-align: center
}

footer .footer2-container .footer-info ul li.qr-footer img {
    width: 100%
}

footer .footer2-container .footer-info ul li.qr-footer span {
    margin-top: 10px;
    display: block
}

footer .footer2-container .contact-info {
    padding-left: 70px;
    margin-left: 142px;
    padding-right: 0
}

footer .footer2-container .contact-info ul {
    float: right
}

footer .footer2-container .contact-info ul li {
    padding: 10px 0
}

footer .footer2-container .contact-info ul li a {
    text-decoration: none
}

footer .footer2-container .contact-info ul li a.btn-contact {
    display: block;
    background: #f3cc47;
    -webkit-box-shadow: 0 2px 4px 0 rgba(178,140,19,.5);
    box-shadow: 0 2px 4px 0 rgba(178,140,19,.5);
    border-radius: 2px;
    width: 145px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #000
}

footer .footer2-container .contact-info ul li a.btn-contact:hover {
    background: #b28c13;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

footer .footer2-container .contact-info ul li a.btn-become {
    display: block;
    background: #fff;
    border: 1px solid #000;
    border-radius: 2px;
    width: 145px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #000
}

footer .footer2-container .contact-info ul li a.btn-become:hover {
    background: #000;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

footer .footer2-container .contact-info ul li .contact-header {
    width: 55px;
    display: inline-block
}

footer .footer2-container .contact-info ul li .social-media-icon {
    height: 54px;
    width: 54px;
    display: inline-block;
    background: #3d3d3d;
    margin-right: 10px;
    position: relative
}

footer .footer2-container .contact-info ul li .social-media-icon span {
    height: 100%;
    width: 100%;
    display: block
}

footer .footer2-container .contact-info ul li .social-media-icon .qr-code {
    height: 112px;
    width: 112px;
    position: absolute;
    left: 100%;
    top: 0;
    display: none
}

footer .footer2-container .contact-info ul li .social-chat:hover {
    cursor: pointer
}

footer .footer2-container .contact-info ul li .social-chat:hover .qr-code {
    display: block
}

footer .footer-advertise {
    height: 80px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1200px;
    z-index: 999;
    display: none
}

footer .footer-advertise>a {
    display: inline-block;
    width: 100%;
    height: 100%
}

footer .footer-advertise>img {
    position: absolute;
    right: 0;
    top: -40px;
    width: 16px;
    cursor: pointer
}

.dial-mask {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMTlGNDhDRTFDMTQxMUU2ODRBMEJENDg4NzAzMzJCQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxMTlGNDhDRjFDMTQxMUU2ODRBMEJENDg4NzAzMzJCQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjExOUY0OENDMUMxNDExRTY4NEEwQkQ0ODg3MDMzMkJCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjExOUY0OENEMUMxNDExRTY4NEEwQkQ0ODg3MDMzMkJCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pEvRigAAAB1JREFUeNpiZGBgaGAgEzAxUABGNY9qHq6aAQIMANsZAJzpT6ZMAAAAAElFTkSuQmCC") repeat 0 0;opacity: .9;
    cursor: pointer
}

.tag-line-wrapper {
    top: 200px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    z-index: 100;
    font-weight: 600;
    width: 80%
}

.bannerBox,.tag-line-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

.bannerBox {
    top: 0;
    width: 100%;
    height: 100px;
    background: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.6)),to(transparent));
    background: linear-gradient(rgba(0,0,0,.6),transparent);
    opacity: .6;
    z-index: 99
}

.index-container .register-dial {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 9999;
    background: url(../../public/images/shuangshiyi_first.png) no-repeat 50%;
    background-size: cover;
    width: 671.4px;
    height: 217.8px
}

.index-container .register-dial .register-dial-close {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 110px;
    z-index: 10000;
    cursor: pointer;
    background: url(../../public/images/invite/cancel.png) no-repeat; 100%;
    background-size: cover
}

.index-container .register-dial>a {
    display: inline-block;
    width: 100%;
    height: 100%
}

.index-container .register-dial .register-dial-wrapper {
    background: url(../../public/images/shuangshiyi_first.png) no-repeat 50%;
    margin-top: 190px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.index-container .register-dial .register-dial-wrapper .register-dial-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.index-container .register-dial .register-dial-wrapper .register-dial-content dt {
    width: 84px;
    height: 116px;
    margin: 0 4px;
    position: relative
}

.index-container .register-dial .register-dial-wrapper .register-dial-content dt p {
    color: #333;
    font-size: 12px;
    text-align: center;
    position: absolute;
    bottom: 15px;
    width: 100%
}

.index-container .register-dial .register-dial-wrapper .register-dial-content .computer {
    background: url(../../public/images/computer.png) no-repeat 50%;
    background-size: cover
}

.index-container .register-dial .register-dial-wrapper .register-dial-content .tea {
    background: url(../../public/images/tea.png) no-repeat 50%;
    background-size: cover
}

.index-container .register-dial .register-dial-wrapper .register-dial-content .xichenqi {
    background: url(../../public/images/xichenqi.png) no-repeat 50%;
    background-size: cover
}

.index-container .register-dial .register-dial-wrapper>p {
    margin-top: 10px;
    font-size: 12px;
    color: #fff
}

.index-container .register-dial .register-dial-wrapper>h3 {
    color: #fff;
    margin-top: 12px
}

.index-container .register-dial .go-invite {
    width: 268px;
    height: 43px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQwAAAArCAYAAACNUrapAAAAAXNSR0IArs4c6QAAA6BJREFUeAHt3b9P1HAcxvGrGI0O/mBABhcXcINEomFRBAcGB8PkaPwH1ERNXByJTvwJOMpm4qoERhJMxMlj0EEHYQBk8Fck5/McbdNyLf26wfX9TT702n7ucn2Fe3Lt3bVR4z9Gq9XoUfs11YRqRDWgOqs6rWIggMDBFviup7epWlUtq+ZVC1HU2NE0aEQhXQqKPvU9UN1R9asYCCDQHQLftBkvVDMKjvWqTdo3MBQUx/QAj1VPVCerHoz1CCBwaAV+6Jk/Uz1XcPwp24rSwFBYeHdjTjVcdmeWI4BA1wm81xbdVmg0i7asMDAUFj5O8Up1puhOLEMAga4W2NLW3VJoLO7dyo7AUFiMq+m1il2QvVrMI1AfgZ/a1JsKDR8YTUcuMBQWg1qzpOJTj5SIGwjUVsCfqlzJ7p4cSSgUFsd1+6WKsEhQmCJQbwFnwVycDW2JNDA091A13F7KHwQQQGBXYEiTRwlGe5dECXJOCz6pOG6RyDBFAIFEwMczLmjXZC15h3FPCwiLhIcpAghkBU5o5r4XRHp3cVTTLyq+wWkRBgIIFAmsaeF5v8O4qiIsiohYhgACiYAPW1x3YPiHZAwEEECgSuCGA+NSVRfrEUAAAQkMOTAuQoEAAggECAw6MHw+CwYCCCBQJdDrT0laVV2sRwABBCzgdxgMBBBAIEiAwAhiogkBBCxAYPB/gAACwQIERjAVjQggQGDwP4AAAsECBEYwFY0IIEBg8D+AAALBAgRGMBWNCCDgwNiGAQEEEAgQ2HZgbAY00oIAAghsODA+4oAAAggECDQdGO8CGmlBAAEEVhwYb3FAAAEEAgTeJOf0/Kpmn4KLgQACCBQJ7J7TU6cO/6u1s0UdLEMAAQRigVlnRfa6JJ+1wqcTZyCAAAJZgfx1SXyBEq2dznZwGwEEEIgFpuOMaKQXY46vn7ikBl8ajYEAAghYYEXlCzL/9kwaGJ5RaHD1dkMwEEDAAuVXb/dapUhTkynVL88zEECgtgLOgKk4E1IEfw8jN9QwrwWTqq3cCmYQQKAuAn7tT8ZZkNvmjsDwWjUuajKq+uB5BgII1EbAxyxG4wzo2OjCwHCX7uDfmFxWPVX5YxUGAgh0r4Bf436t+wBn6e/Lcgc9yyx0MNTfAvXl3u+q+sr6WI4AAodOYF3P2F/cnFFQ+OsV+46gwEgeQcHRo9tjqnHViGpA1as6pWIggMDBFvC5bzZUq6pllY9XLigodjQNGv8AfNWAics3R5AAAAAASUVORK5CYII=") no-repeat 50%;background-size: cover;
    margin-top: 16px;
    font-size: 20px;
    color: #5203ad;
    line-height: 43px;
    text-align: center
}

.index-container .home-big-feature-wrap {
    width: 100%;
    height: 520px;
    position: relative;
    background: #eee
}

.index-container .home-big-feature-wrap .slideshow,.index-container .home-big-feature-wrap .static-slideshow {
    position: relative;
    z-index: 1
}

.index-container .home-big-feature-wrap .slideshow .slide-item,.index-container .home-big-feature-wrap .static-slideshow .slide-item {
    width: 100%;
    height: 520px;
    background-repeat: no-repeat;
    background-position: top
}

.index-container .home-big-feature-wrap .owl-theme .owl-controls {
    margin-top: -50px
}

.index-container .home-big-feature-wrap .home-big-feature {
    position: absolute;
    z-index: 100;
    opacity: .8;
    margin: 0 auto;
    display: block;
    top: 80px;
    left: 50%;
    text-align: center;
    width: 800px;
    height: 68px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.index-container .home-big-feature-wrap .home-big-feature .search-bar {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    border: 4px solid rgba(0,0,0,.1);
    background-clip: border-box;
    background-clip: padding-box;
    background-clip: content-box
}

.index-container .home-big-feature-wrap .home-big-feature .search-bar .keyword-wrapper {
    display: inline-block
}

.index-container .home-big-feature-wrap .home-big-feature .search-bar .keyword-wrapper .keyword {
    padding: 20px;
    width: 600px;
    font-size: 13px;
    border: none;
    background: none;
    outline: none
}

.index-container .home-big-feature-wrap .home-big-feature .search-bar .option-wrapper {
    display: inline-block;
    height: 30px;
    text-align: left;
    border-left: 1px solid #e0e0e0;
    padding-left: 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.index-container .home-big-feature-wrap .home-big-feature .search-bar .option-wrapper .option-drop-down-content span {
    color: #333;
    display: block;
    text-decoration: none;
    width: 94px;
    height: 35px;
    text-align: center;
    line-height: 35px
}

.index-container .home-big-feature-wrap .home-big-feature .search-bar .option-wrapper .option-drop-down {
    position: relative
}

.index-container .home-big-feature-wrap .home-big-feature .search-bar .option-wrapper .option-drop-down-content {
    position: absolute;
    top: 55px;
    right: 24px;
    border-radius: 2px;
    display: none;
    background-color: #fff;
    font-size: 12px
}

.index-container .home-big-feature-wrap .home-big-feature .search-bar .option-wrapper .option-drop-down-content li:hover span {
    background-color: #e0e0e0
}

.index-container .home-big-feature-wrap .home-big-feature .search-bar .option-wrapper .option-drop-down:hover .option-drop-down-content {
    display: block
}

.index-container .home-big-feature-wrap .home-big-feature .search-bar .option-wrapper .option {
    padding: 20px 0;
    width: 98px;
    font-size: 14px;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0;
    border: 0;
    text-indent: .01px;
    text-overflow: "";
    background: none;
    display: inline-block
}

.index-container .home-big-feature-wrap .home-big-feature .search-bar .option-wrapper .option::-ms-expand {
    display: none
}

.index-container .home-big-feature-wrap .home-big-feature .search-bar .option-wrapper .option option {
    line-height: 35px;
    height: 35px
}

.index-container .home-big-feature-wrap .home-big-feature .search-bar .submit-wrapper {
    display: inline-block;
    background: url(../../public/images/icons/search@2x.png) no-repeat 50% #f3cc47;
    background-size: 50%
}

.index-container .home-big-feature-wrap .home-big-feature .search-bar .submit-wrapper:hover {
    display: inline-block;
    background: url(../../public/images/icons/search@2x.png) no-repeat 50% #b28c13;
    background-size: 50%
}

.index-container .home-big-feature-wrap .home-big-feature .search-bar .submit-wrapper .submit {
    width: 60px;
    height: 60px;
    background: none;
    border: none;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden
}

.index-container .home-big-feature-wrap .home-big-feature .callaction-title h2 {
    font-size: 27px;
    font-weight: 700;
    text-shadow: 1px 1px 3px #767676;
    color: #c9c9c9
}

.index-container .home-big-feature-wrap .home-big-feature .callaction-link {
    text-align: center;
    margin-top: 15px
}

.index-container .home-big-feature-wrap .home-big-feature .callaction-link .callaction-button {
    width: 205px;
    margin: 0 auto;
    height: 45px;
    line-height: 45px
}

.index-container .home-big-feature-wrap .home-big-feature .callaction-link .callaction-button a {
    background: #d61818;
    color: #c9c9c9;
    display: block;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1px
}

.index-container .home-big-feature-wrap .home-big-feature .callaction-link .callaction-button a:hover {
    text-decoration: none
}

.index-container .home-big-feature-wrap .input-slid {
    display: none;
    position: absolute;
    width: 600px;
    height: auto;
    top: 144px;
    left: 50%;
    z-index: 111111!important;
    margin-left: -383px;
    background: #fcfcf9;
    -webkit-box-shadow: 0 2px 4px 0 rgba(46,46,46,.5);
    box-shadow: 0 2px 4px 0 rgba(46,46,46,.5)
}

.index-container .home-big-feature-wrap .input-slid .hot-words {
    margin: 14px 16px 0 20px;
    border-bottom: 1px solid #eaeaea;
    cursor: pointer
}

.index-container .home-big-feature-wrap .input-slid .hot-words li.hot-word {
    margin-bottom: 10px
}

.index-container .home-big-feature-wrap .input-slid .hot-words li.hot-word p.hotWord-info {
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.index-container .home-big-feature-wrap .input-slid .hot-words li.hot-word p.hotWord-info .ranking {
    width: 19px;
    height: 19px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #c3c3c3;
    font-size: 10px;
    color: #999;
    line-height: 19px;
    text-align: center;
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: -1px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.index-container .home-big-feature-wrap .input-slid .hot-words li.hot-word p.hotWord-info .title {
    font-size: 16px;
    color: #666;
    line-height: 30px
}

.index-container .home-big-feature-wrap .input-slid .hot-words li.hot-word p.hotWord-num {
    float: right;
    font-size: 16px;
    color: #999;
    line-height: 30px
}

.index-container .home-big-feature-wrap .input-slid .hot-words li.hot-word:after {
    content: "";
    display: block;
    clear: both
}

.index-container .home-big-feature-wrap .input-slid .hot-words li.hot-word:first-of-type p.hotWord-info .ranking {
    background: #fc5d4b;
    border-color: #fc5d4b;
    color: #fff
}

.index-container .home-big-feature-wrap .input-slid .hot-words li.hot-word:nth-of-type(2) p.hotWord-info .ranking {
    background: #ffac42;
    border-color: #ffac42;
    color: #fff
}

.index-container .home-big-feature-wrap .input-slid .hot-words li.hot-word:nth-of-type(3) p.hotWord-info .ranking {
    background: #b6b6b6;
    border-color: #b6b6b6;
    color: #fff
}

.index-container .home-big-feature-wrap .input-slid .history-records {
    padding: 8px 0 11px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.index-container .home-big-feature-wrap .input-slid .history-records img {
    width: 12px;
    height: 12px;
    margin-right: 5px
}

.index-container .home-big-feature-wrap .input-slid .history-records p {
    font-size: 14px;
    color: #5e5e5e;
    line-height: 19px
}

.index-container .home-big-feature-wrap .input-slid .history-records p a,.index-container .home-big-feature-wrap .input-slid .history-records p span {
    float: left
}

.index-container .home-big-feature-wrap .input-slid .history-records p a {
    color: #5e5e5e;
    margin: 0 10px;
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #333
}

.index-container .home-big-feature-wrap .input-slid .history-records p a:last-of-type:after {
    display: none
}

.index-container .picture-material-class-wrapper {
    background: #f9f9f9
}

.index-container .picture-material-class-wrapper a {
    display: inline-block;
    height: 100%;
    position: relative;
    overflow: hidden
}

.index-container .picture-material-class-wrapper a .img-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    opacity: 0;
    background: #000;
    z-index: 2;
    color: #fff;
    font-size: 16px;
    padding-top: 20px;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out
}

.index-container .picture-material-class-wrapper a:hover .img-title {
    opacity: .5
}

.index-container .picture-material-class-wrapper .index-attract {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.index-container .picture-material-class-wrapper .index-attract h5 {
    margin: 32px 0 16px;
    font-size: 20px;
    font-weight: 700!important;
    color: #383636;
    line-height: 31px;
    width: 100%;
    text-align: center
}

.index-container .picture-material-class-wrapper .index-attract a {
    width: 269px;
    height: 43px;
    background: #f3cc47;
    border-radius: 2px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 0 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.index-container .picture-material-class-wrapper .index-attract a span {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: 24px;
    position: relative
}

.index-container .picture-material-class-wrapper .index-attract a span:first-child::before {
    content: "";
    display: block;
    position: absolute;
    left: -15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff
}

.index-container .picture-material-class-wrapper .index-attract a span:nth-child(2):after {
    content: "";
    display: block;
    position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff
}

.index-container .picture-material-class-wrapper .title-wrapper {
    margin: 72px 0 32px
}

.index-container .picture-material-class-wrapper .title-wrapper h1.title {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    line-height: 31px;
    text-align: center
}

.index-container .picture-material-class-wrapper .title-wrapper .border-bottom {
    display: block;
    margin: 30px auto;
    width: 30px;
    border-bottom: 2px solid #f3695c
}

.index-container .top-categories-wrapper .title-wrapper {
    overflow: hidden
}

.index-container .top-categories-wrapper .title-wrapper h1.title {
    text-align: center;
    font-size: 24px;
    color: #222
}

.index-container .top-categories-wrapper .title-wrapper .border-bottom {
    display: block;
    margin: 30px auto;
    width: 30px;
    border-bottom: 2px solid #f3695c
}

.index-container .top-categories-wrapper .top-categories .sub-menu-wrapper {
    padding: 0 10px 70px
}

.index-container .top-categories-wrapper .top-categories .sub-menu-wrapper .sub-categ .submenu-item {
    display: inline-block;
    padding: 7px 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 12.5%;
    float: left;
    padding-left: 1.25%;
    padding-right: 1.25%
}

.index-container .top-categories-wrapper .top-categories .sub-menu-wrapper .sub-categ .submenu-item .submenu-link {
    color: #5e5e5e;
    font-size: 14px;
    margin-left: 30%;
    border-bottom: 1px dotted #5e5e5e;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-container .top-categories-wrapper .top-categories .sub-menu-wrapper .sub-categ .submenu-item .submenu-link:hover {
    color: #c9c9c9;
    text-decoration: none;
    border-bottom: 1px dotted #c9c9c9
}

.index-container .friendship-Link {
    padding: 72px 0;
    background: #f0f2f5
}

.index-container .friendship-Link-wrapper h4 {
    font-size: 16px;
    color: #3c3c3c;
    line-height: 21px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 14px;
    font-weight: 700!important
}

.index-container .friendship-Link-wrapper h4:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 17px;
    background: #f3cc47;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.index-container .friendship-Link-wrapper .links {
    min-height: 84px
}

.index-container .friendship-Link-wrapper .links a {
    font-size: 14px;
    color: #5e5e5e;
    line-height: 28px;
    position: relative;
    margin-right: 12px
}

.index-container .friendship-Link-wrapper .links a:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px dotted #5e5e5e
}

.index-container .m-body-hot h1 {
    text-align: center;
    font-size: 16px;
    color: #333;
    letter-spacing: 2.14px;
    margin: 0
}

.index-container .m-body-tab {
    max-width: 1140px
}

.index-container .m-body-tab,.index-container .m-body-tab ul {
    text-align: center;
    margin: 0 auto
}

.index-container .m-body-tab ul:after {
    content: "";
    display: block;
    clear: both
}

.index-container .m-body-tab ul .m-body-tab-item {
    cursor: pointer;
    width: 12.5%;
    font-size: 16px;
    color: #c9c9c9;
    letter-spacing: 1px;
    position: relative;
    margin:0 auto ;
}

.index-container .m-body-tab ul .m-body-tab-item:hover {
    cursor: pointer;
    float: left;
    width: 12.5%;
    color: #000;
    letter-spacing: 1.14px
}

.index-container .m-body-tab-active {
    color: #5e5e5e!important
}

.index-container .m-body-tab-active:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #f3cc47;
    bottom: -17px
}

.index-container .tab-container {
    padding-left: 0;
    position: relative;
    height: 1100px;
    max-width: 1140px;
    margin: 0 auto
}

.index-container .tab-container a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border: .5px solid #e0e0e0
}

.index-container .tab-left-part {
    height: 1100px;
    padding-left: 0;
    padding-right: 10px;
    position: absolute;
    bottom: 0;
    left: 0
}

.index-container .left-area-top {
    width: 760px;
    height: 521px;
    margin-left: 0;
    float: left;
    text-align: right
}

.index-container .left-area-bottom {
    width: 760px;
    height: 568px;
    float: left
}

.index-container .left-area-bottom:after {
    content: "";
    display: table;
    clear: both
}

.index-container .left-area-bottom-left {
    width: 370px;
    height: 568px;
    float: left;
    margin: 10px 10px 10px 0
}

.index-container .left-area-bottom-left-top {
    width: 370px;
    height: 260px;
    float: left;
    margin-bottom: 10px
}

.index-container .left-area-bottom-left-bottom {
    width: 370px;
    height: 298px;
    float: left
}

.index-container .left-area-bottom-right {
    width: 380px;
    height: 568px;
    float: left;
    margin: 10px 0
}

.index-container .tab-right-part {
    width: 370px;
    height: 1100px;
    padding-left: 0;
    position: absolute;
    bottom: 0;
    right: 0
}

.index-container .tab-right-part .right-area-top {
    height: 368px
}

.index-container .tab-right-part .right-area-middle {
    height: 412px
}

.index-container .tab-right-part .right-area-bottom {
    height: 298px
}

.index-container .tab-right-part div {
    margin-bottom: 10px
}

.index-container .tab-show-image {
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-transition: all 3s;
    transition: all 3s;
    border: .5px solid #e0e0e0
}

.index-container .tab-show-image:hover {
    -webkit-transform: scale(1.4);
    transform: scale(1.4)
}

.index-container .m-body-advantage li:first-child span {
    background: url(../../public/images/icons/usp1@2x.png);
    background-size: 45px
}

.index-container .m-body-advantage li:nth-child(2) span {
    background: url(../../public/images/icons/usp2@2x.png);
    background-size: 45px
}

.index-container .m-body-advantage li:nth-child(3) span {
    background: url(../../public/images/icons/usp3@2x.png);
    background-size: 46px
}

.index-container .m-body-advantage li:nth-child(4) span {
    background: url(../../public/images/icons/usp4@2x.png);
    background-size: 45px
}

.index-container .choose-us-wrapper {
    padding-bottom: 72px
}

.index-container .m-body-advantage {
    display: inline-block;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.index-container .m-body-advantage li {
    width: 265px;
    height: 275px;
    float: left;
    text-align: center;
    margin-left: 20px;
    background: #fff
}

.index-container .m-body-advantage li span {
    display: block;
    width: 45px;
    height: 45px;
    margin: 40px auto
}

.index-container .m-body-advantage li h4 {
    color: #434343
}

.index-container .m-body-advantage li p {
    color: #a3a3a3;
    line-height: 21px;
    font-size: 12px
}

.index-container .choose-us {
    padding-bottom: 32px
}

.index-container .choose-us article {
    margin: 0 auto;
    text-align: center;
    max-width: 700px;
    color: #5e5e5e;
    line-height: 25px
}

.index-container .m-body-partner-list {
    padding-bottom: 72px
}

.index-container .m-body-partner-list ul {
    overflow: hidden
}

.index-container .m-body-partner-list ul li {
    width: 170px;
    height: 62px;
    float: left;
    display: block;
    margin-left: 25px;
    margin-bottom: 20px
}

.index-container .m-body-partner-list ul li img {
    width: 150px;
    margin: 0 auto
}

.index-container .search-bottom-wrapper {
    text-align: center
}

.index-container .search-bottom-wrapper h1.title {
    text-align: center;
    font-size: 24px;
    color: #222
}

.index-container .search-bottom-wrapper .search-bar {
    display: inline-block;
    margin: 30px auto 0;
    text-align: center;
    background: #fff;
    border: 4px solid rgba(0,0,0,.1);
    background-clip: border-box;
    background-clip: padding-box;
    background-clip: content-box
}

.index-container .search-bottom-wrapper .search-bar .keyword-wrapper {
    display: inline-block
}

.index-container .search-bottom-wrapper .search-bar .keyword-wrapper .keyword {
    padding: 20px;
    width: 600px;
    font-size: 14px;
    border: none;
    background: none;
    outline: none
}

.index-container .search-bottom-wrapper .search-bar .submit-wrapper {
    display: inline-block;
    background: url(../../public/images/icon-search-red.png) no-repeat 50% #fc0c00
}

.index-container .search-bottom-wrapper .search-bar .submit-wrapper .submit {
    width: 110px;
    height: 60px;
    background: none;
    border: none;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden
}

.index-container .ba-specialTopic-nav {
    max-width: 1200px;
    margin: 0 auto
}

.index-container .ba-specialTopic-nav ul {
    width: 405px
}

.index-container .ba-specialTopic-nav li.m-body-tab-item,.index-container .ba-specialTopic-nav li.m-body-tab-item:hover {
    width: 135px
}

.index-container .ba-specialTopic {
    width: 1200px;
    margin: 0 auto;
    min-height: 360px;
    padding-bottom: 60px
}

.index-container .ba-specialTopic ul:after {
    display: block;
    content: "";
    clear: both
}

.index-container .ba-specialTopic ul li {
    width: 291px;
    height: 210px;
    float: left;
    margin-right: 12px;
    margin-bottom: 12px;
    position: relative;
    overflow: hidden
}

.index-container .ba-specialTopic ul li p {
    width: 100%;
    height: 59px;
    padding-left: 24px;
    color: #fff;
    line-height: 59px;
    font-size: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    background-image: -webkit-gradient(linear,left top, left bottom,from(transparent),to(rgba(0,0,0,.37)));
    background-image: linear-gradient(-180deg,transparent,rgba(0,0,0,.37))
}

.index-container .ba-specialTopic ul li img {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: 100%
}

.index-container .ba-specialTopic ul li .slidiv {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    font-size: 20px;
    color: #fff;
    background: rgba(0,0,0,.15);
    cursor: pointer
}

.index-container .ba-specialTopic ul li:nth-child(4n) {
    margin-right: 0
}

.index-container .ba-specialTopic ul li.ba-viewMore {
    background: #ffcd34;
    cursor: pointer
}

.index-container .ba-specialTopic ul li.ba-viewMore p {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 210px;
    font-size: 14px;
    color: #373633;
    background: none;
    padding: 0;
    display: block
}

.hot-pics {
    text-align: center;
    padding-bottom: 136px;
    position: relative
}

.hot-pics .hotPicTitle {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    line-height: 31px;
    margin: 72px 0 32px;
    text-align: center
}

.hot-pics #hotPicList li {
    margin: 0 8px 8px 0;
    height: 203px
}

.hot-pics #hotPicList li a {
    display: inline-block
}

.hot-pics .loadMore {
    width: 96px;
    height: 32px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #333;
    margin: 32px 0 72px;
    font-size: 14px;
    color: #333;
    line-height: 32px;
    text-align: center;
    outline: none;
    position: absolute;
    bottom: 72px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.hot-pics .loadMore:hover {
    background: #333;
    color: #fff
}

.full-widths {
    width: 100%;
    background: #fff
}

.free-datelimit {
    display: none;
    width: 100%;
    height: 566px;
    background: url(/public/images/free-datelimit_bg.png) no-repeat 50%;
    background-size: cover
}

.free-datelimit .top-title {
    padding: 94px 0 80px
}

.free-datelimit .top-title p {
    text-align: center;
    height: 40px;
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    letter-spacing: 2px
}

.free-datelimit .top-title span {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    display: inline-block;
    height: 21px;
    font-size: 16px;
    color: #ededed;
    line-height: 21px;
    letter-spacing: 1px
}

.free-datelimit .img-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.free-datelimit .img-container>a {
    margin-right: 18px;
    position: relative;
    cursor: pointer;
    display: block
}

.free-datelimit .img-container>a img {
    width: 388px;
    height: 211px
}

.free-datelimit .img-container>a span {
    width: 56px;
    height: 27px;
    background: #ffcd34;
    border-radius: 4px;
    display: inline-block;
    font-size: 16px;
    font-family: Helvetica-Bold;
    font-weight: 700;
    color: #262626;
    line-height: 27px;
    position: absolute;
    left: 12px;
    top: 10px;
    text-align: center
}

.free-datelimit .img-container>p:last-child {
    margin-right: 0
}

body .home-photo-banner-wrap .slideshow .slide-item {
    height: 300px;
    width: auto
}

body .home-photo-banner-wrap .slideshow .slide-item .image-id-wrapper {
    width: 1200px;
    height: 100%;
    display: block;
    margin: 0 auto;
    position: relative
}

body .home-photo-banner-wrap .slideshow .slide-item .image-id-wrapper .image-id {
    position: absolute;
    right: 0;
    top: 30px;
    font-size: .6875em;
    color: #fff
}

body .home-photo-banner-wrap .slideshow .slide-item .image-id-wrapper .image-id.color-black {
    color: #000
}

body .top-categories-wrapper .title-wrapper {
    margin-top: 90px
}

body .top-categories-wrapper .title-wrapper h1.title {
    text-align: center;
    font-size: 24px;
    color: #333
}

body .top-categories-wrapper .title-wrapper .border-bottom {
    display: block;
    margin: 30px auto;
    width: 30px;
    border-bottom: 2px solid #f3695c
}

body .top-categories-wrapper .m-body-hot h1 {
    font-size: 24px;
    font-weight: 700!important;
    color: #333;
    line-height: 31px;
    letter-spacing: 1px;
    text-align: center
}

body .top-categories-wrapper .top-categories .sub-menu-wrapper {
    padding: 35px 10px 72px
}

body .top-categories-wrapper .top-categories .sub-menu-wrapper .sub-categ .submenu-item {
    display: inline-block;
    padding: 7px 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 12.5%;
    float: left;
    padding-left: 1.25%;
    padding-right: 1.25%
}

body .top-categories-wrapper .top-categories .sub-menu-wrapper .sub-categ .submenu-item .submenu-link {
    color: #5e5e5e;
    font-size: 14px;
    margin-left: 30%;
    border-bottom: 1px dashed #5e5e5e
}

body .top-categories-wrapper .top-categories .sub-menu-wrapper .sub-categ .submenu-item .submenu-link:hover {
    color: #c9c9c9;
    text-decoration: none
}

body .home-photo-banner-wrap {
    position: relative
}

body .photography-line-wrapper {
    position: absolute;
    width: 40%;
    left: 30%;
    top: 80px
}

body .photography-line-wrapper .photography-tag-line {
    text-align: center;
    line-height: 50px
}

body .photography-line-wrapper .photography-tag-line h2 {
    font-size: 35px;
    color: #fff;
    line-height: 46px;
    text-shadow: 0 2px 4px rgba(0,0,0,.5);
    margin-bottom: 12px
}

body .photography-line-wrapper .photography-tag-line p {
    font-size: 23px;
    color: #fff;
    line-height: 31px;
    text-shadow: 0 1px 4px rgba(0,0,0,.5)
}

body .photography-container .photography-category-wrap {
    text-align: center;
    margin: 72px 0 32px
}

body .photography-container .photography-category-wrap h1 {
    font-size: 24px;
    font-weight: 700!important;
    color: #333;
    line-height: 31px;
    letter-spacing: 1px
}

body .container .photography-category-container {
    width: 1140px;
    height: 755px;
    margin: 0 auto;
    position: relative
}

body .container .photography-category-container div {
    position: relative
}

body .container .photography-category-container span {
    font-size: 20px;
    color: #fff;
    text-shadow: 0 2px 3px rgba(0,0,0,.5)
}

body .container .photography-category-container .fashion {
    width: 429px;
    height: 235px
}

body .container .photography-category-container .scenery {
    width: 366px;
    height: 235px
}

body .container .photography-category-container .cake,body .container .photography-category-container .reminiscence,body .container .photography-category-container .sensibility {
    width: 261px;
    height: 244px
}

body .container .photography-category-container .romance {
    width: 325px;
    height: 489px
}

body .container .photography-category-container .party {
    width: 325px;
    height: 235px
}

body .container .photography-category-container .travel {
    width: 429px;
    height: 235px
}

body .container .photography-category-container .personage {
    width: 366px;
    height: 235px
}

body .container .photography-category-container .photography-category-left {
    float: left;
    width: 815px
}

body .container .photography-category-container .photography-category-left-top div {
    margin: 0 10px 10px 0;
    float: left
}

body .container .photography-category-container .photography-category-left-bottom {
    float: left
}

body .container .photography-category-container .photography-category-left-bottom div {
    float: left;
    margin: 0 10px 10px 0
}

body .container .photography-category-container .photography-category-bottom {
    width: 1200px;
    float: left
}

body .container .photography-category-container .photography-category-bottom div {
    margin: 0 10px 10px 0;
    float: left
}

body .container .photography-category-container .photography-show-image {
    width: 100%;
    height: 100%;
    cursor: pointer
}

body .container .photography-category-container .label-left-top {
    display: block;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 10px;
    top: 10px;
    text-align: center
}

body .container .photography-category-container .label-right-top {
    display: block;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: center
}

body .container .photography-category-container .label-left-bottom {
    display: block;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    text-align: center
}

body .container .photography-category-container .label-right-bottom {
    display: block;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    text-align: center
}

.body-search {
    width: 100%;
    color: #333
}

.body-search .body-search-container {
    background: #fbfbfb;
    padding: 5px 30px 0;
    padding-bottom: 32px
}

.body-search .body-search-container #searchTag {
    display: none
}

.body-search .body-search-container .body-search-condition {
    padding-top: 32px;
    font-size: 14px;
    color: #333
}

.body-search .body-search-container .body-search-condition i {
    font-size: 12px;
    color: #a3a3a3;
    margin-left: 10px
}

.body-search .body-search-container .body-search-condition .icon {
    color: #333;
    margin-left: 10px
}

.body-search .body-search-container .body-search-condition .secondary {
    border: 1px solid #e0e0e0
}

.body-search .body-search-container .body-search-condition .ui.secondary.button:active {
    background: #666
}

.body-search .body-search-container .body-search-condition .body-search-keywords {
    font-size: 20px
}

.body-search .body-search-container .body-search-condition .body-search-category {
    display: block;
    width: 100%
}

.body-search .body-search-container .body-search-condition .body-search-category:after {
    clear: both
}

.body-search .body-search-container .body-search-condition .body-search-category a {
    color: #333
}

.body-search .body-search-container .body-search-condition .body-search-category a:hover {
    text-decoration: none
}

.body-search .body-search-container .body-search-condition .body-search-category .search-category {
    margin-right: 12px;
    display: inline-block
}

.body-search .body-search-container .body-search-condition .body-search-category .csearch-category {
    margin-right: 12px
}

.body-search .body-search-container .body-search-condition .body-search-category .csearch-category-item span {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    font-size: 14px;
    font-weight: 400;
    color: #979797;
    line-height: 20px
}

.body-search .body-search-container .body-search-condition .body-search-category .csearch-category-item span.active {
    font-weight: 500!important;
    color: #333
}

.body-search .body-search-container .body-search-condition .body-search-category .csearch-category-item span:after {
    content: "";
    display: block;
    width: 0;
    height: 8px;
    border-right: 1px solid #979797;
    position: absolute;
    right: -14px;
    top: 0;
    bottom: 0;
    margin: auto
}

.body-search .body-search-container .body-search-condition .body-search-category .csearch-category-item span:first-child {
    margin-left: 0
}

.body-search .body-search-container .body-search-condition .body-search-category .csearch-category-item span:last-child:after {
    display: none
}

.body-search .body-search-container .body-search-condition .body-search-category .search-category-item {
    margin-right: 35px;
    display: inline-block;
    position: relative;
    cursor: pointer
}

.body-search .body-search-container .body-search-condition .body-search-category .search-category-item .item .add-icon {
    width: 20px
}

.body-search .body-search-container .body-search-condition .body-search-category .search-category-item .item .add-name {
    width: 40px
}

.body-search .body-search-container .body-search-condition .body-search-category .search-category-item .item .add-show {
    width: 20px
}

.body-search .body-search-container .body-search-condition .body-search-category .search-category-item .search-category-list {
    position: absolute;
    width: 120px;
    background: #fff;
    border: 1px solid #c9c9c9;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    z-index: 2
}

.body-search .body-search-container .body-search-condition .body-search-category .search-category-item .search-category-list li {
    height: 36px;
    line-height: 36px
}

.body-search .body-search-container .body-search-condition .body-search-category .search-category-item .search-category-list li span {
    margin-left: 24px
}

.body-search .body-search-container .body-search-condition .body-search-category .search-category-item .search-category-list .active {
    background: #e0e0e0
}

.body-search .body-search-container .body-search-condition .body-search-category .search-category-item .search-category-else-list {
    width: 335px;
    position: absolute;
    background: #fff;
    border: 1px solid #c9c9c9;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    z-index: 2
}

.body-search .body-search-container .body-search-condition .body-search-category .search-category-item .search-category-else-list .else-list-row {
    padding: 5px;
    border-bottom: .5px dashed silver;
    margin: 5px
}

.body-search .body-search-container .body-search-condition .body-search-category .search-category-item .search-category-else-list .else-list-row .grid {
    margin: 0;
    padding: 0
}

.body-search .body-search-container .body-search-condition .body-search-category .search-category-item .search-category-else-list .else-list-row .grid .row {
    padding: 4px 0
}

.body-search .body-search-container .body-search-condition .body-search-category .search-category-item .search-category-else-list .search-condition-btn {
    width: 149px;
    height: 36px;
    background: #f3cc47;
    -webkit-box-shadow: 0 2px 4px 0 rgba(178,140,19,.5);
    box-shadow: 0 2px 4px 0 rgba(178,140,19,.5);
    border-radius: 2px;
    cursor: pointer
}

.body-search .body-search-container .body-search-condition .body-search-category .search-category-item .search-category-else-list .search-condition-btn span {
    margin-top: 10px;
    display: block;
    height: 100%;
    line-height: 36px;
    font-size: 16px;
    color: #333
}

.body-search .body-search-container .body-search-condition .body-search-category .search-category-item .search-category-else-list .else-list-row-button {
    padding: 5px;
    margin: 5px
}

.body-search .body-search-container .body-search-condition .body-search-category .search-category-item .search-category-else-list .else-list-row-button .grid {
    margin: 0;
    padding: 0
}

.body-search .body-search-container .body-search-condition .body-search-category .search-category-item .search-category-else-list .else-list-row-button .grid .row {
    padding: 2px 0
}

.body-search .body-search-container .body-search-condition .body-search-category .search-category-item .search-category-else-list .left-area {
    text-align: right
}

.body-search .body-search-container .body-search-condition .body-search-category .search-category-icon {
    font-size: 7px;
    padding-left: 10px
}

.body-search .body-search-container .body-search-condition .body-search-category .search-Separate {
    border: .25px solid #e0e0e0;
    margin: 0 30px 0 15px
}

.body-search .body-search-container .body-search-condition .show-search-item {
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    display: inline-block;
    height: 36px;
    vertical-align: baseline;
    margin: 0 .14285714em;
    padding: 8px 30px 8px 15px;
    color: rgba(0,0,0,.6);
    font-weight: 700;
    position: relative;
    margin-right: 5px
}

.body-search .body-search-container .body-search-condition .show-search-item i {
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 6px;
    cursor: pointer
}

.body-search .vertical-t {
    margin-top: 10px!important
}

.body-search .go-page-input {
    width: 30px;
    height: 30px;
    position: relative;
    top: 2px;
    text-align: center;
    background: #fff;
    border: .5px solid #e0e0e0;
    border-radius: 2px
}

.body-search .search-image-container {
    padding: 32px 30px 0;
    margin: 0 auto 72px;
    position: relative
}

.body-search .search-image-container .show-image-container .flex-images:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    clear: both
}

.body-search .search-image-container .show-image-container .flex-images .item {
    overflow: initial;
    position: relative
}

.body-search .search-image-container .show-image-container .flex-images .item .featured-pics {
    position: absolute;
    left: 10px;
    top: 10px;
    min-width: 46px;
    height: 67px;
    background: #ffcd34;
    border-radius: 4px;
    font-size: 14px;
    color: #424242;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-search .search-image-container .show-image-container .flex-images .item .featured-pics p {
    width: 100%;
    text-align: center;
    font-weight: 700
}

.body-search .search-image-container .show-image-container .flex-images .item .featured-pics span {
    min-width: 32px;
    height: 18px;
    background: #424242;
    border-radius: 2px;
    font-weight: 400;
    color: #fff;
    line-height: 18px;
    text-align: center;
    margin: 0 4px
}

.body-search .search-image-container .show-image-container .flex-images .item .slidiv {
    background: rgba(0,0,0,.15);
    position: absolute;
    top: 0;
    text-align: center
}

.body-search .search-image-container .show-image-container .flex-images .item .slidiv .tipTxt {
    position: absolute;
    font-size: 12px;
    color: #fff;
    letter-spacing: -.2px;
    left: 15px;
    top: 12px;
    right: 15px;
    text-align: left
}

.body-search .search-image-container .show-image-container .flex-images .item .slidiv .actionIcon {
    position: absolute;
    bottom: 15px;
    right: 15px
}

.body-search .search-image-container .show-image-container .flex-images .item .slidiv .actionIcon span {
    float: left;
    width: 30px;
    height: 30px;
    margin-left: 8px;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    border-radius: 2px
}

.body-search .search-image-container .show-image-container .flex-images .item .slidiv .actionIcon .like_it {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAkCAMAAADSK7iXAAAAh1BMVEUAAABeXl5tbW1eXl5zc3NeXl5eXl5eXl5eXl5eXl5gYGBhYWFoaGheXl5fX19fX19fX19eXl5fX19fX19fX19fX19fX19gYGBoaGheXl5fX19fX19gYGBfX19gYGBfX19fX19fX19fX19gYGBfX19hYWFgYGBkZGReXl5eXl5eXl5hYWFeXl4tq1RDAAAALHRSTlMA+gnxBfXh2MZ/KRkN67qrg9Cfl3l0aFcRo5BSTEc3yrWvjWxiMCIfvqhbPwz+YxgAAAFiSURBVDjLlZPZeoJADIVZXGBEQFkUQVzBpfP+z9ccKAyYAm1uzIn/N5OTDNr/Y1WUhlJGKRzOpJ4ppdStyIFa2RtJsQjyHlRYsol1rGn2vJXeSlEZlVVs3a5aFA111KEtPw69ljeTMDosq0zU1GNNYlN3sQ8qSPdrM+mCxLLOX5S6rceY1Dxr3ePAEJlAA3tkDadnSok5uYJ7m7Bd13aUdpX/8/eJ8LGhwzv9mjQcbSSoO4uWQvRhDHOp9T9juPQyeWltYTZtAQN5D0FqXkJX4+VRUk+mgyzBsgau3ePd2Wr13q+cY2H1jnpIaJOF8cQ7EI28S4qAUbMzqKMq3MBdP6kLXl7WLYXg7D6WgNr1az64qFsJULl/NnJANVb6Cn3jtraov9npLF7oJe306jNEOTsy52yaLub0xebIOOzGzHfYSqINh3MCp/Md8xdRxXmYUp+5fBraRDw2dBan+FxywWrf0qI3/31MltIAAAAASUVORK5CYII=") 50% no-repeat;background-size: 23px;
    background-color: #fff
}

.body-search .search-image-container .show-image-container .flex-images .item .slidiv .actionIcon .flash-likeit {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAcCAYAAAESKH/LAAAABGdBTUEAALGPC/xhBQAAA2JJREFUSA2dVU1oE0EUntlNgk02/uIfWBXBKgVtaXIwePNgNhEPYnNQFNFqhYoiXr20oAdBrL8HRUUQQRD/qCUp0qt/3axYWnpRi1JFhYIku6ltzY7vTTvLTrJV2znkzfve99689+bthJDKVTSSDDFFGCxDN8VelszILOBIlQ9HrXzSkh2mNfZuf0S4UMRsMx13nHIf7qPxHo7x8xlzziCokVAEpe9iLKNKBiuvlxEI4I9tJFc6hHxljJc1VRcCaJQOo5SeQlCkNp0BuwAGRzDROspYu9se9PjnKprJDstIfkIiz6rSA5p8hxF2AHHK6F0tnlvD94IINfVCCduEzo1U2afFsvcExvsmFJSiEihgIjKfLqXrswVhlwoQRDTCKSG74HQKIkoeGaoOWPmXkwgolLZHYrkO3FetcWPnRiufPlhlmCtg51Ot6OvbOhGUDWZC9ljBCi/T+FRKBQoSSiufumiNFcYZJX209sEYYlWtg2iLgTSKRlzu/cNeigyte+wlYmfQQSwe+Vf/jnWTE78/CFBIb1TEeOR5m7s/QkIvBAmlSpWEV8e9m0Y01rNVVZSMIDiE7RZ7IaUCvdctCGpQqQ03ZEdQd/tczOvXYCAEh0tNrVlEG578FKBLBmKbAGHiOrVYjn9PAkPJyXD8ECp8LNlqjcZu8KFCTFp4CZgr3NhJyeCnwHPz3Q/3w6Ru+BH+B7OM9CZCnVuU0KeRWPYs+sw5cMnUE2VGbkIT6/nhCt0TbcrdF4nMKrBlpLbDM3IdPuW1bgBKmKIGt4Qbn70RGMp/Bi6ZqWbHca7CFCz3Ok4505ISCNRB0C/VtkoEdNvUWxzGzhNGFvqYOQT9HImQ4AYa7yr5cdyMoTwK2V2Bh7MNhtTFZ3B6DQ9WAmZOHmcPecYAcNN7CXHOwUGrPHxs3kP4+JolzEeZMTAzWoMW+TwAr26djx98IeQH5Hs6HEvchncF/rbk5RuYDe1aYpVK7//WYwwDff6mUHIsHMs9ksP6TMW4maqfdFg/tED+s532hEyG4V/hiNaU660M5tWljO23etops24vAfdAGlACwZbKWa3keXU3cNHQT0A/L7lGSl8RlR2ONvYMutgsNjywbeiX4Vk9DspzNRg6WtPQNTyLGP5U20wdsgbTK/ytc0f/AP8UPKcXIcO/AAAAAElFTkSuQmCC") 50% no-repeat;background-size: contain;
    width: 18px;
    height: 30px;
    background-color: #fff;
    position: relative
}

.body-search .search-image-container .show-image-container .flex-images .item .slidiv .actionIcon .flash-likeit .flash-likeit-tips {
    position: absolute;
    top: -45px;
    left: -70px;
    right: 0;
    margin: 0 auto;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #393e41;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    letter-spacing: .03px;
    display: none;
    z-index: 99
}

.body-search .search-image-container .show-image-container .flex-images .item .slidiv .actionIcon .user_it {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAkCAMAAADfNcjQAAAAXVBMVEUAAABfX19eXl5eXl5fX19eXl5fX19eXl5hYWFjY2NfX19fX19hYWFfX19fX19hYWFfX19hYWF6enpfX19eXl5eXl5fX19eXl5eXl5fX19fX19tbW1gYGBeXl5eXl6UgrF/AAAAHnRSTlMAmufZ7vJDsksk1L894I4oHBUF9cfDp6CSbk4OeHdbb+3cAAAA+UlEQVQ4y62SS3bCMAxF7ci/OA6E8If27X+ZRSolNFVwB9wROu/KyHLML4Il78kGo9N2uNO1Wl4cHrii9EvexNiI8feMjuPEvxIr3TwPnG+MsGFjPqkFkH6KBMDOBAKaqWoAmgkeiFMVAV8Vqn9RH7J+zfqi6quuP1b9uf/5waQjbfNTV5u3dEyPcr0DY5+XwuzW93M9hM9J+IDgg/TL8H08j5MwnmMvl+Ez9hwX5das7L9X3F+NwpWNIPMUo1JkcpKH1ZHMA4cl4QB4A2C1JKwAvEc4LQknFjKQRz0fOZM9kFUh2cPg8AI3GHNxL/KLuTHYrMfZ3vq/AAa5JlBLLktFAAAAAElFTkSuQmCC") 50% no-repeat;background-size: 23px;
    background-color: #fff
}

.body-search .search-image-container .show-image-container .flex-images .item .slidiv .actionIcon .plan_it {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAXVBMVEUAAABnZ2deXl5lZWVeXl5fX19fX19eXl5fX19eXl6KiopeXl5xcXFkZGTHx8dxcXFeXl5nZ2f////19fX///9eXl6vr6/6+vpzc3Ofn5+bm5uVlZXZ2dloaGh9fX13ESLpAAAAFHRSTlMADEH789/PnYFJ+uzp5tDQuIhXnlmTqV0AAADdSURBVDjL3dPZDoIwEIVhKsoiuzJlKfD+j+kxoQMlZUK89L9pgC9DSIYAqSS6k9M9SlTgdHuQp8fNMXTSTqnvnH7QTkOPm4VilOBy7NpD3YjbDaMIczazKczKGeG7htbTQBQywljtQxoPriCU1amM1mIlIVYy0toQSkWEY8JRyQhhVigie/45ElZltkhausUiaX21RcKP0HcWCb/U1DKCKnykh2GEVJOHrpgX3V3a9Z9RRmR8yODljGr+nq11fZ+MUkJGHzKEyoCL6aTxtSEVn5h3sC+twqOYnyXmfAAHullAju2UygAAAABJRU5ErkJggg==") 50% no-repeat;background-size: 23px;
    background-color: #fff
}

.body-search .search-image-container .margin-tiny {
    position: relative
}

.body-search .search-image-container .margin-tiny .aligned {
    position: absolute;
    right: 0;
    top: 10px
}

.body-search .galleryImg-item {
    border: 1px solid silver
}

.body-search .wrap {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -moz-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.body-search .wrap img {
    outline: 1px solid #e5e5e5;
    display: block;
    margin: 5px;
    height: 200px;
    -moz-flex-grow: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .3s;
    transition: .3s
}

.body-search .big-next-button {
    width: 100%;
    max-width: 500px
}

.body-search .big-next-button:hover {
    background: #333!important;
    color: #fff!important
}

.ui.column.grid>.width-auto {
    width: auto!important
}

.ui.centered.grid>.row {
    -moz-justify-content: flex-start;
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.ba-topicListPage {
    width: 1200px;
    margin: 56px auto
}

.ba-topicListPage .ba-topicListPageNav {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 38px;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #e0e0e0
}

.ba-topicListPage .ba-topicListPageNav ul {
    height: 38px;
    width: 405px;
    margin: 0 auto
}

.ba-topicListPage .ba-topicListPageNav ul li {
    width: 135px;
    height: 38px;
    font-size: 16px;
    color: #a3a3a3;
    letter-spacing: 1.14px;
    float: left;
    text-align: center;
    cursor: pointer
}

.ba-topicListPage .ba-topicListPageNav ul li.ba-selected {
    color: #3e3e3e;
    border-bottom: 2px solid #ffcd34
}

.ba-topicListPage .ba-topicListPageNav ul li:hover {
    color: #3e3e3e
}

.ba-topicListPage .ba-specialTopicList {
    width: 1200px;
    margin: 13px auto;
    overflow: hidden
}

.ba-topicListPage .ba-specialTopicList ul li {
    width: 24%;
    height: 210px;
    float: left;
    margin-right: 1%;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden
}

.ba-topicListPage .ba-specialTopicList ul li p {
    width: 100%;
    height: 59px;
    padding-left: 24px;
    color: #fff;
    line-height: 59px;
    font-size: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    background-image: -webkit-gradient(linear,left top, left bottom,from(transparent),to(rgba(0,0,0,.3)));
    background-image: linear-gradient(-180deg,transparent,rgba(0,0,0,.3))
}

.ba-topicListPage .ba-specialTopicList ul li a {
    display: inline-block;
    height: 100%;
    width: 100%
}

.ba-topicListPage .ba-specialTopicList ul li img {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: 100%
}

.ba-topicListPage .ba-specialTopicList ul li .slidiv {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    top: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #fff;
    background: rgba(0,0,0,.15);
    cursor: pointer
}

.ba-topicListPage .ba-specialTopicList ul li:nth-child(4n) {
    margin-left: 0
}

.ba-topicListPage .ba-specialTopicList ul li:hover p {
    display: block
}

.ba-topicListPage .ba-specialTopicList button.loadMore {
    outline: none;
    width: 200px;
    height: 47px;
    margin: 48px auto 4px;
    display: block;
    text-align: center;
    border: 1px solid #101010;
    font-size: 14px;
    color: #666;
    line-height: 47px
}

.ba-topicDetailCon {
    width: 100%;
    position: relative;
    margin-bottom: 72px
}

.ba-topicDetailCon .ba-topicBanner {
    width: 100%;
    height: 450px;
    position: relative;
    background-size: cover;
    background-position: 50%
}

.ba-topicDetailCon .ba-topicBanner img {
    width: 100%;
    height: 325px
}

.ba-topicInfo {
    width: 100%;
    padding: 32px 0 38px 24px;
    bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ba-topicInfo>a {
    width: 236px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    color: #3e3e3e;
    letter-spacing: 0;
    background: #fff;
    border: 1px solid #979797;
    outline: none;
    border-radius: 4px;
    margin-right: 122px
}

.ba-topicInfo>a:hover {
    background: #ffcd34;
    border: 1px solid #ffcd34
}

.ba-topicInfo span {
    display: inline-block
}

.ba-topicInfo .ba-topicTitle {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-right: 10px;
    color: #3a3a3a;
    line-height: 31px
}

.ba-topicInfo .ba-topicAllnum {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1;
    color: #666
}

.ba-topicInfo .ba-topicApplyKeyword {
    font-size: 20px;
    line-height: 1;
    color: #3a3a3a
}

.ba-topicInfo .ba-topicApplyKeyword a {
    color: #3a3a3a;
    border-bottom: 1px dashed #5e5e5e
}

.flashadd-dial {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background: rgba(0,0,0,.4)
}

.flashadd-dial-wrapper {
    display: none;
    position: absolute;
    width: 299px;
    height: 122px;
    opacity: .6;
    background: #0d0d0d;
    border: 1px solid #979797;
    border-radius: 7px;
    z-index: 10
}

.flashadd-dial-wrapper .content {
    margin: 16px 0 10px 16px
}

.flashadd-dial-wrapper .content>p {
    font-size: 14px;
    color: #fff;
    letter-spacing: .05px;
    line-height: 25px
}

.flashadd-dial-wrapper>span {
    display: block;
    width: 77px;
    height: 32px;
    border: 1px solid #979797;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    letter-spacing: .05px;
    margin-right: 16px;
    float: right;
    line-height: 32px;
    text-align: center;
    cursor: pointer
}

.none-image-container .feedback {
    color: #4592f2;
    position: relative
}

.none-image-container .feedback:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #2891ff;
    position: absolute;
    left: 0;
    bottom: 0
}

.related-search {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 24px
}

.related-search a {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    margin: 8px 8px 0;
    border-bottom: 1px dashed #333
}

.detail-container .detail-nav a {
    text-decoration: none;
    font-size: 14px;
    color: #999
}

.detail-container .detail-nav .breadcrumb {
    font-size: 14px;
    color: #999
}

.detail-container .detail-desc {
    padding: 0 40px
}

.detail-container .detail-desc h1 {
    font-size: 20px;
    line-height: 23px;
    color: #333;
    margin: 0
}

.detail-container .detail-desc h2 {
    font-size: 14px;
    line-height: 15px;
    color: #999;
    margin: 0
}

.detail-container .detail-desc h3 a {
    font-size: 12px;
    color: #e71d36
}

.detail-container .pt-15 {
    height: 47px;
    border-bottom: 1px solid #c9c9c9
}

.detail-container .image-info {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    float: left;
    width: 30%
}

.detail-container .image-info-detail {
    padding-bottom: 125px
}

.detail-container #licenseTabSelector .item {
    font-size: 14px;
    color: #333;
    font-weight: 600!important;
    background: #f7f7f7;
    margin: 0 4px;
    border-top: 2px solid hsla(0,0%,85%,.5)
}

.detail-container #licenseTabSelector .item.active {
    background: #fff;
    margin-bottom: -1px;
    border-top: 2px solid #ffd44d
}

.detail-container #licenseTabSelector .how-to-choose {
    font-size: 14px;
    color: #999;
    background: #fff;
    border: none;
    font-weight: 600!important;
    margin: 0 4px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .92857143em 1.42857143em
}

.detail-container #licenseTabSelector .tab {
    border: 1px #ecebeb;
    border-style: none solid solid;
    border-radius: 5px
}

.detail-container #licenseTabSelector .imgExtLicenses-tip {
    padding-top: 19px
}

.detail-container #licenseTabSelector .af-reportReason-right li {
    font-size: 12px;
    color: #999;
    cursor: pointer
}

.detail-container #licenseTabSelector .af-reportReason-right li span.af-selectIcon {
    display: inline-block;
    width: 18px;
    height: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #979797;
    border-radius: 50%;
    vertical-align: middle
}

.detail-container #licenseTabSelector .af-reportReason-right li span.af-selected {
    background: #4a4a4a;
    border: 4px solid #f9cf55;
    border-radius: 10px
}

.detail-container .detail-cost {
    padding-top: 38px;
    position: relative
}

.detail-container .detail-cost .detail-cost-main {
    font-size: 14px;
    color: #333;
    letter-spacing: .81px;
    font-weight: 600;
    text-indent: 1rem
}

.detail-container .detail-cost .un-use {
    color: #999!important
}

.detail-container .detail-cost .ag-hoverTip {
    width: 239px;
    height: 42px;
    background: #fff;
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    position: absolute;
    right: 225px;
    top: 25px
}

.detail-container .search-condition-btn {
    margin-top: 40px;
    width: 149px;
    height: 36px;
    background: #f3cc47;
    -webkit-box-shadow: 0 2px 4px 0 rgba(178,140,19,.5);
    box-shadow: 0 2px 4px 0 rgba(178,140,19,.5);
    border-radius: 2px;
    cursor: pointer
}

.detail-container .search-condition-btn span {
    display: block;
    height: 100%;
    line-height: 36px;
    font-size: 16px;
    color: #333
}

.detail-container .detail-keywords {
    padding: 36px 0 39px;
    border-bottom: 1px solid #c9c9c9
}

.detail-container .detail-keywords h3 {
    font-size: 14px;
    color: #333;
    padding: 0 0 6px;
    margin: 0
}

.detail-container .detail-keywords .detail-tag span {
    background: #e8e8e8;
    border-radius: 2px;
    padding: 3px 8px;
    margin-right: 11.5px;
    margin-top: 10px;
    display: inline-block;
    cursor: pointer
}

.detail-container .detail-keywords .detail-tag a {
    display: inline-block;
    border-bottom: 1px dotted;
    font-size: 12px;
    color: #333;
    margin-left: 23px
}

.detail-container .detail-keywords .detail-tag a:hover {
    text-decoration: none!important
}

.detail-container .alike-title {
    font-size: 14px;
    color: #333
}

.alike-image-container {
    padding: 34px 30px 39px
}

.alike-image-container h3 {
    font-size: 14px;
    color: #333;
    padding: 0 0 6px;
    margin: 0
}

.alike-image-container .show-image-container .flex-images .item .slidiv {
    background: rgba(0,0,0,.05);
    position: absolute;
    top: 0;
    text-align: center
}

.alike-image-container .show-image-container .flex-images .item .slidiv .tipTxt {
    position: absolute;
    font-size: 12px;
    color: #fff;
    letter-spacing: -.2px;
    left: 15px;
    top: 12px;
    right: 15px;
    text-align: left
}

.alike-image-container .show-image-container .flex-images .item .slidiv .actionIcon {
    position: absolute;
    bottom: 15px;
    right: 15px
}

.alike-image-container .show-image-container .flex-images .item .slidiv .actionIcon span {
    float: left;
    width: 30px;
    height: 30px;
    margin-left: 8px;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    border-radius: 2px
}

.alike-image-container .show-image-container .flex-images .item .slidiv .actionIcon .like_it {
    background: url("data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAkCAMAAADSK7iXAAAAh1BMVEUAAABeXl5tbW1eXl5zc3NeXl5eXl5eXl5eXl5eXl5gYGBhYWFoaGheXl5fX19fX19fX19eXl5fX19fX19fX19fX19fX19gYGBoaGheXl5fX19fX19gYGBfX19gYGBfX19fX19fX19fX19gYGBfX19hYWFgYGBkZGReXl5eXl5eXl5hYWFeXl4tq1RDAAAALHRSTlMA+gnxBfXh2MZ/KRkN67qrg9Cfl3l0aFcRo5BSTEc3yrWvjWxiMCIfvqhbPwz+YxgAAAFiSURBVDjLlZPZeoJADIVZXGBEQFkUQVzBpfP+z9ccKAyYAm1uzIn/N5OTDNr/Y1WUhlJGKRzOpJ4ppdStyIFa2RtJsQjyHlRYsol1rGn2vJXeSlEZlVVs3a5aFA111KEtPw69ljeTMDosq0zU1GNNYlN3sQ8qSPdrM+mCxLLOX5S6rceY1Dxr3ePAEJlAA3tkDadnSok5uYJ7m7Bd13aUdpX/8/eJ8LGhwzv9mjQcbSSoO4uWQvRhDHOp9T9juPQyeWltYTZtAQN5D0FqXkJX4+VRUk+mgyzBsgau3ePd2Wr13q+cY2H1jnpIaJOF8cQ7EI28S4qAUbMzqKMq3MBdP6kLXl7WLYXg7D6WgNr1az64qFsJULl/NnJANVb6Cn3jtraov9npLF7oJe306jNEOTsy52yaLub0xebIOOzGzHfYSqINh3MCp/Md8xdRxXmYUp+5fBraRDw2dBan+FxywWrf0qI3/31MltIAAAAASUVORK5CYII=) 50% no-repeat;background-size: 23px;
    background-color: #fff
}

.alike-image-container .show-image-container .flex-images .item .slidiv .actionIcon .flex-images .item .slidiv .actionIcon span.flash-likeit {
    background: url("data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAcCAYAAAESKH/LAAAABGdBTUEAALGPC/xhBQAAA2JJREFUSA2dVU1oE0EUntlNgk02/uIfWBXBKgVtaXIwePNgNhEPYnNQFNFqhYoiXr20oAdBrL8HRUUQQRD/qCUp0qt/3axYWnpRi1JFhYIku6ltzY7vTTvLTrJV2znkzfve99689+bthJDKVTSSDDFFGCxDN8VelszILOBIlQ9HrXzSkh2mNfZuf0S4UMRsMx13nHIf7qPxHo7x8xlzziCokVAEpe9iLKNKBiuvlxEI4I9tJFc6hHxljJc1VRcCaJQOo5SeQlCkNp0BuwAGRzDROspYu9se9PjnKprJDstIfkIiz6rSA5p8hxF2AHHK6F0tnlvD94IINfVCCduEzo1U2afFsvcExvsmFJSiEihgIjKfLqXrswVhlwoQRDTCKSG74HQKIkoeGaoOWPmXkwgolLZHYrkO3FetcWPnRiufPlhlmCtg51Ot6OvbOhGUDWZC9ljBCi/T+FRKBQoSSiufumiNFcYZJX209sEYYlWtg2iLgTSKRlzu/cNeigyte+wlYmfQQSwe+Vf/jnWTE78/CFBIb1TEeOR5m7s/QkIvBAmlSpWEV8e9m0Y01rNVVZSMIDiE7RZ7IaUCvdctCGpQqQ03ZEdQd/tczOvXYCAEh0tNrVlEG578FKBLBmKbAGHiOrVYjn9PAkPJyXD8ECp8LNlqjcZu8KFCTFp4CZgr3NhJyeCnwHPz3Q/3w6Ru+BH+B7OM9CZCnVuU0KeRWPYs+sw5cMnUE2VGbkIT6/nhCt0TbcrdF4nMKrBlpLbDM3IdPuW1bgBKmKIGt4Qbn70RGMp/Bi6ZqWbHca7CFCz3Ok4505ISCNRB0C/VtkoEdNvUWxzGzhNGFvqYOQT9HImQ4AYa7yr5cdyMoTwK2V2Bh7MNhtTFZ3B6DQ9WAmZOHmcPecYAcNN7CXHOwUGrPHxs3kP4+JolzEeZMTAzWoMW+TwAr26djx98IeQH5Hs6HEvchncF/rbk5RuYDe1aYpVK7//WYwwDff6mUHIsHMs9ksP6TMW4maqfdFg/tED+s532hEyG4V/hiNaU660M5tWljO23etops24vAfdAGlACwZbKWa3keXU3cNHQT0A/L7lGSl8RlR2ONvYMutgsNjywbeiX4Vk9DspzNRg6WtPQNTyLGP5U20wdsgbTK/ytc0f/AP8UPKcXIcO/AAAAAElFTkSuQmCC) 50% no-repeat;background-size: contain;
    width: 18px;
    height: 30px;
    background-color: #fff;
    position: relative
}

.alike-image-container .show-image-container .flex-images .item .slidiv .actionIcon .flex-images .item .slidiv .actionIcon span.flash-likeit .flash-likeit-tips {
    position: absolute;
    top: -45px;
    left: -70px;
    right: 0;
    margin: 0 auto;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #393e41;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    letter-spacing: .03px;
    display: none;
    z-index: 99
}

.alike-image-container .show-image-container .flex-images .item .slidiv .actionIcon .user_it {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAkCAMAAADfNcjQAAAAXVBMVEUAAABfX19eXl5eXl5fX19eXl5fX19eXl5hYWFjY2NfX19fX19hYWFfX19fX19hYWFfX19hYWF6enpfX19eXl5eXl5fX19eXl5eXl5fX19fX19tbW1gYGBeXl5eXl6UgrF/AAAAHnRSTlMAmufZ7vJDsksk1L894I4oHBUF9cfDp6CSbk4OeHdbb+3cAAAA+UlEQVQ4y62SS3bCMAxF7ci/OA6E8If27X+ZRSolNFVwB9wROu/KyHLML4Il78kGo9N2uNO1Wl4cHrii9EvexNiI8feMjuPEvxIr3TwPnG+MsGFjPqkFkH6KBMDOBAKaqWoAmgkeiFMVAV8Vqn9RH7J+zfqi6quuP1b9uf/5waQjbfNTV5u3dEyPcr0DY5+XwuzW93M9hM9J+IDgg/TL8H08j5MwnmMvl+Ez9hwX5das7L9X3F+NwpWNIPMUo1JkcpKH1ZHMA4cl4QB4A2C1JKwAvEc4LQknFjKQRz0fOZM9kFUh2cPg8AI3GHNxL/KLuTHYrMfZ3vq/AAa5JlBLLktFAAAAAElFTkSuQmCC") 50% no-repeat;background-size: 23px;
    background-color: #fff
}

.alike-image-container .show-image-container .flex-images .item .slidiv .actionIcon .plan_it {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAXVBMVEUAAABnZ2deXl5lZWVeXl5fX19fX19eXl5fX19eXl6KiopeXl5xcXFkZGTHx8dxcXFeXl5nZ2f////19fX///9eXl6vr6/6+vpzc3Ofn5+bm5uVlZXZ2dloaGh9fX13ESLpAAAAFHRSTlMADEH789/PnYFJ+uzp5tDQuIhXnlmTqV0AAADdSURBVDjL3dPZDoIwEIVhKsoiuzJlKfD+j+kxoQMlZUK89L9pgC9DSIYAqSS6k9M9SlTgdHuQp8fNMXTSTqnvnH7QTkOPm4VilOBy7NpD3YjbDaMIczazKczKGeG7htbTQBQywljtQxoPriCU1amM1mIlIVYy0toQSkWEY8JRyQhhVigie/45ElZltkhausUiaX21RcKP0HcWCb/U1DKCKnykh2GEVJOHrpgX3V3a9Z9RRmR8yODljGr+nq11fZ+MUkJGHzKEyoCL6aTxtSEVn5h3sC+twqOYnyXmfAAHullAju2UygAAAABJRU5ErkJggg==") 50% no-repeat;background-size: 23px;
    background-color: #fff
}

.reportImage {
    cursor: pointer
}

.bd_weixin_popup {
    width: auto!important;
    height: auto!important
}

#ag-share {
    display: none;
    width: 102px;
    background: #fff;
    border: 0 solid #c9c9c9;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    margin-top: 6px;
    margin-right: -51px;
    z-index: 39;
    position: absolute;
    top: 14px;
    right: 24px
}

#ag-share a {
    display: block;
    width: 102px;
    height: 36px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAPRJREFUKBWVkjFqQlEQRVVIp6lt0gWyDxegRbYguA4bSZ0VZAHZgoW9oGDKCA/sRbCxUs/5+GT+41t44fLmzsx9f5j/Wq06esgpXMHjjcbmrDViQDbBywNas6cGE2f4yJTz9tzNjpAK0w/6Hb7BGcxGzwSrsZ0/FpboDoz4RcSeqQ2j2EG8gI4UMY+CeKh2e/G2sckCH+jYo6dmPKBfTRboovcwm4+Oug1Nf8T9oHPoZessOP+Ny+XsyL1YuKHNuYEnmL+op1ptCslvYr/6CSfQX/IFsykR31+RP/XpB4CnguYE883lac2eRjiC87sIVy4bH/kVKYxn1ONm5mIAAAAASUVORK5CYII=") no-repeat; 11px;text-indent: 33px;
    line-height: 36px;
    font-size: 12px;
    color: #333;
    padding: 0;
    margin: 0
}

#ag-share a.weixin {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAASlJREFUKBWN0rFOwlAUxnEUIwR1MUxMBgObQRMWExOrg45uvAQv4AYsvACvAAMrg0/gZCKa6CZanBgICYiJcVH/36UHC0jil/xub8/taW+bRiKz2eS0hFsMMUIbqmntzxxTfcH3Ej51DzNR0xeWNVld15xYp7ZgT9L2qiigiBtYkx19am7bpWBxwDGNPJRdxNGANdmxvErxAkodenJKJ2Qb+2jiEeG4Hn053akWXmF+hGSodsb8A7r2TXVr7DPPqkBiyCEDbdnDOnRzNY7XGJ5xAN39Ei1E0cETFF2j6NUUd15mYi/9GZpfMU/AcsjkHbq2ssKgT/uAHcynR+EaG9AuzvGKPbh4jP/9AU4nLb+j/ggftu35Y5e1hSZqLluMFdxhHLgPalqb5gep4mNqFijRggAAAABJRU5ErkJggg==") no-repeat; 11px
}

#ag-share a.weibo {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAS1JREFUKBWF0r1Kw2AUxvH6sWl1MBZKS4N0cXFzEByE4CZFcOpcOncSnOPiHSgqDp3cvARFb0BBXEqtEcHFj6oRBy3G/xPyBqONPvBL0vOe0+ZNmskkk+WjizP4kVPO67DQNw5VD0GKZ+orSERDn0gbMnX1xMO6Pe+PoSPW9vAa9eiXrUEOq7DxPWrejQrjnO9RxQfG0BjmsAyTHhd1NDGEHC5wjjkcYxGVAQ56eqNQ1rCPGsq4wRYO8IICpqHbDge1+TuUcIslFHGCFibxCPWJrz1eQnnABN6xAH1rFx1o7Q0mbe0jDzVaaGMTI5iF9raBbczDZEd71OtQgx1Vrzgf4glT0MPQkzS55mLGfHC40MsN/qEe9Saigoe0Ya39GqIWRrft4uefXDWtxfkCuy5n1f72RgAAAAAASUVORK5CYII=") no-repeat; 11px
}

#ag-share a.qqzone {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAcRJREFUKBWVks1LYmEUxu9NRQ2jqMBEQ9CYaROBughc9EHQploFwUAE8w/Uoj+g1axaTNugFi3aFSRBEObOhYJGFEUkhkK6iJhFC3UuV/udVy99rTpw3uc95zwP57wfuvbO4vF4T71e3yC12Gq1RqSk63oBSLhcrq10Ov0iOTG9DZoWiURm2O/hQSv3CUvEv/P5fEryStgRJa1YCtgl3frpPNwO1dpinRWxLuPVarUrEh86IZpDJLkdJXlbSm63e6yrc6bPoutcLnfm9Xr34T+9adQuKBqbz+f7SzhEhzSYAI/w7Uql8lgoFMxAIHBB5zty97i9w+2VTRgXK4XD4XXQVi6Xg7FYbKrZbE4ieuBMf6LRaDe1EyGSG+mSjRjBr2KxeIjbM5nMPamfuOHxeA4QDVJP4tPCFZNRl8EhFWnaKOP88/v9E5AC5JKGYXjATXweVwbnxs5yDGncSrK/4GJSICVdrl9j7HPiVYsDJr48h9PpHGg0Gj8QbUN+djgca6ZpOjmvPJmYeo4PHwCyCfmU4oKisJAzAJlqCZQJ2h+AjbLvfjmbJaxWqw+hUGiXsaRDHy6X8h+/pesOv2Ulm83eESt7BbyUxwmPXNtBAAAAAElFTkSuQmCC") no-repeat; 11px
}

#ag-share a.flowers {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAUpJREFUKBWdUr2OgkAQHjhsSEhobImGntIngI6OwsSSF9LCQloKSp6AhDeADhJotEA7NQF/EjnmdjfZjdxV3ibDzH5838zs7kgA0BP7IvbJQvkT9jtX4ZvJZAKLxQI0TYPH4wFVVcHpdAJFUcA0TVBVFeq6hq7ruIS1ivP5HPu+F7bZbDCKImzbVmCu6yJRURtExev1KjIFQQDL5RKm06nAaHC/38VenPFyuUDTNPB8Pll7v0WICFmW/RVSJE1TKIoCHMcRBB7EcTw6n6hICev1Gvb7PRiGwfnMH49HdlmWZY1w+o780Oh5nriMw+GAu90Ot9stw1arFecNNMNIKMsy2raNYRhinuf4er1EIt/3hXDUKs0yDAMkScLaLssSzuczhdm63W48ZH5UkSA8K/OSJOFsNkMyHKjrOv83SIT4r1mlA/DN6n72wR9nPL93RFkOXwAAAABJRU5ErkJggg==") no-repeat; 11px
}

#ag-share a:hover {
    text-decoration: none;
    background: #e0e0e0 url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAPRJREFUKBWVkjFqQlEQRVVIp6lt0gWyDxegRbYguA4bSZ0VZAHZgoW9oGDKCA/sRbCxUs/5+GT+41t44fLmzsx9f5j/Wq06esgpXMHjjcbmrDViQDbBywNas6cGE2f4yJTz9tzNjpAK0w/6Hb7BGcxGzwSrsZ0/FpboDoz4RcSeqQ2j2EG8gI4UMY+CeKh2e/G2sckCH+jYo6dmPKBfTRboovcwm4+Oug1Nf8T9oHPoZessOP+Ny+XsyL1YuKHNuYEnmL+op1ptCslvYr/6CSfQX/IFsykR31+RP/XpB4CnguYE883lac2eRjiC87sIVy4bH/kVKYxn1ONm5mIAAAAASUVORK5CYII=") no-repeat; 11px
}

#ag-share a.weixin:hover {
    background: #e0e0e0 url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAASlJREFUKBWN0rFOwlAUxnEUIwR1MUxMBgObQRMWExOrg45uvAQv4AYsvACvAAMrg0/gZCKa6CZanBgICYiJcVH/36UHC0jil/xub8/taW+bRiKz2eS0hFsMMUIbqmntzxxTfcH3Ej51DzNR0xeWNVld15xYp7ZgT9L2qiigiBtYkx19am7bpWBxwDGNPJRdxNGANdmxvErxAkodenJKJ2Qb+2jiEeG4Hn053akWXmF+hGSodsb8A7r2TXVr7DPPqkBiyCEDbdnDOnRzNY7XGJ5xAN39Ei1E0cETFF2j6NUUd15mYi/9GZpfMU/AcsjkHbq2ssKgT/uAHcynR+EaG9AuzvGKPbh4jP/9AU4nLb+j/ggftu35Y5e1hSZqLluMFdxhHLgPalqb5gep4mNqFijRggAAAABJRU5ErkJggg==") no-repeat; 11px
}

#ag-share a.weibo:hover {
    background: #e0e0e0 url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAS1JREFUKBWF0r1Kw2AUxvH6sWl1MBZKS4N0cXFzEByE4CZFcOpcOncSnOPiHSgqDp3cvARFb0BBXEqtEcHFj6oRBy3G/xPyBqONPvBL0vOe0+ZNmskkk+WjizP4kVPO67DQNw5VD0GKZ+orSERDn0gbMnX1xMO6Pe+PoSPW9vAa9eiXrUEOq7DxPWrejQrjnO9RxQfG0BjmsAyTHhd1NDGEHC5wjjkcYxGVAQ56eqNQ1rCPGsq4wRYO8IICpqHbDge1+TuUcIslFHGCFibxCPWJrz1eQnnABN6xAH1rFx1o7Q0mbe0jDzVaaGMTI5iF9raBbczDZEd71OtQgx1Vrzgf4glT0MPQkzS55mLGfHC40MsN/qEe9Saigoe0Ya39GqIWRrft4uefXDWtxfkCuy5n1f72RgAAAAAASUVORK5CYII=") no-repeat; 11px
}

#ag-share a.qqzone:hover {
    background: #e0e0e0 url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAcRJREFUKBWVks1LYmEUxu9NRQ2jqMBEQ9CYaROBughc9EHQploFwUAE8w/Uoj+g1axaTNugFi3aFSRBEObOhYJGFEUkhkK6iJhFC3UuV/udVy99rTpw3uc95zwP57wfuvbO4vF4T71e3yC12Gq1RqSk63oBSLhcrq10Ov0iOTG9DZoWiURm2O/hQSv3CUvEv/P5fEryStgRJa1YCtgl3frpPNwO1dpinRWxLuPVarUrEh86IZpDJLkdJXlbSm63e6yrc6bPoutcLnfm9Xr34T+9adQuKBqbz+f7SzhEhzSYAI/w7Uql8lgoFMxAIHBB5zty97i9w+2VTRgXK4XD4XXQVi6Xg7FYbKrZbE4ieuBMf6LRaDe1EyGSG+mSjRjBr2KxeIjbM5nMPamfuOHxeA4QDVJP4tPCFZNRl8EhFWnaKOP88/v9E5AC5JKGYXjATXweVwbnxs5yDGncSrK/4GJSICVdrl9j7HPiVYsDJr48h9PpHGg0Gj8QbUN+djgca6ZpOjmvPJmYeo4PHwCyCfmU4oKisJAzAJlqCZQJ2h+AjbLvfjmbJaxWqw+hUGiXsaRDHy6X8h+/pesOv2Ulm83eESt7BbyUxwmPXNtBAAAAAElFTkSuQmCC") no-repeat; 11px
}

#ag-share a.flowers:hover {
    background: #e0e0e0 url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAUpJREFUKBWdUr2OgkAQHjhsSEhobImGntIngI6OwsSSF9LCQloKSp6AhDeADhJotEA7NQF/EjnmdjfZjdxV3ibDzH5838zs7kgA0BP7IvbJQvkT9jtX4ZvJZAKLxQI0TYPH4wFVVcHpdAJFUcA0TVBVFeq6hq7ruIS1ivP5HPu+F7bZbDCKImzbVmCu6yJRURtExev1KjIFQQDL5RKm06nAaHC/38VenPFyuUDTNPB8Pll7v0WICFmW/RVSJE1TKIoCHMcRBB7EcTw6n6hICev1Gvb7PRiGwfnMH49HdlmWZY1w+o780Oh5nriMw+GAu90Ot9stw1arFecNNMNIKMsy2raNYRhinuf4er1EIt/3hXDUKs0yDAMkScLaLssSzuczhdm63W48ZH5UkSA8K/OSJOFsNkMyHKjrOv83SIT4r1mlA/DN6n72wR9nPL93RFkOXwAAAABJRU5ErkJggg==") no-repeat; 11px
}

#showLoad:before {
    margin: 0!important
}

.only-point {
    cursor: pointer;
    word-wrap: break-word;
    line-height: 20px;
    white-space: normal;
    outline: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    height: 36px;
    background: #fff;
    padding: 7px 30px 11px 15px;
    color: #333;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    -webkit-transition: width .1s ease,-webkit-box-shadow .1s ease;
    transition: width .1s ease,-webkit-box-shadow .1s ease;
    transition: box-shadow .1s ease,width .1s ease;
    transition: box-shadow .1s ease,width .1s ease,-webkit-box-shadow .1s ease;
    vertical-align: middle;
    margin-top: 7px;
    border: 1px solid #ecebeb
}

.am-imgDetail {
    width: 1200px;
    margin: 0 auto
}

.am-imgDeShowCon {
    width: 100%;
    min-height: 546px;
    padding-top: 16px;
    padding-bottom: 0
}

.am-imgLocation {
    width: 100%
}

.am-imgLocation a,.am-imgLocation span {
    font-size: 14px;
    color: #999
}

.am-imgLocation a:hover {
    color: #666
}

.am-imgDeCon {
    margin-top: 16px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.am-imgDeCon .am-imgDeCon-left {
    min-width: 614px
}

.am-imgDeCon .am-imgDeCon-left .am-left-img {
    height: 392px;
    position: relative
}

.am-imgDeCon .am-imgDeCon-left .am-left-img img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.am-imgDeCon .am-imgDeCon-left .am-actionImg {
    height: 17px;
    width: 100%;
    margin-top: 9px;
    margin-bottom: 8px
}

.am-imgDeCon .am-imgDeCon-left .am-actionImg a {
    font-size: 12px;
    color: #333
}

.am-imgDeCon .am-imgDeCon-left .am-actionImg a span {
    float: left
}

.am-imgDeCon .am-imgDeCon-left .am-actionImg a span.am-icon {
    width: 16px;
    height: 14px
}

.am-imgDeCon .am-imgDeCon-left .am-actionImg a.am-reportImg {
    float: left
}

.am-imgDeCon .am-imgDeCon-left .am-actionImg a.am-reportImg span.am-icon {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAAGXcA1uAAAABGdBTUEAALGPC/xhBQAAAeBJREFUSA21VM8rRFEYHWIhbBQlK8k/IAt2ipSllb2lLGWjFP+B2MlO2bBSlJISVpSi/CpNoUjKz8VIOOd55/nmzr0zL5OvvvnOd8757rsz983NZExUxPiLtdIICTxPkAX0Z5HRnIRhl6CwY0i6q0lexySJHoMBf6JRwK2cSB6qDc+C3HSd7Ol8iGsydWcILRc9T82VY0BbGDJPFUqFDM2vyDEk8RIyGFr5OHao33cnqkBIVKVHmPWWBKMZaQXiRQoIl8/xtehEbiGjA0MtFochkaffFRJdfgCEtuJq3l5m1jmvw5ATwDSOI59ijBIOrU7HKpL9BhtfLIO0Azws9fqT5c1JZGXYv8TFD/X7eQZoB3gmHw5XK3udI3DQfaXJPWvgzTNAbd7Dt1KwWxHuBX/p0e757feQHchSwe/UX8pk9XU02gF/wXorloN5tRwhtbjqC7imchbmbA3SnrcWV32H3kbjX4JXGY9Wi62ZRVYM/wkcPBPdrGY2gu34vEHa37nBmCzmwR8g+4xeFHZD1a5tzZqp04BnyHi8cDAwyAflzMRjEd+I8eVBCnbHPswDbUnhm8xbGc10iiE+cBe5ndI7A18UvDZ9u3U53pqKUQBX9/ULHDhJafYtUIrL8gH/Gt+aEwsovWPlaAAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 12px 11.5px;
    margin-right: 2px;
    margin-top: 3px
}

.am-imgDeCon .am-imgDeCon-left .am-actionImg a.am-share {
    float: right
}

.am-imgDeCon .am-imgDeCon-left .am-actionImg a.am-share span.am-icon {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAs1JREFUSA2tlkloU1EUhvuSOKWEuBEpSloEh0WrKwcyNThBQOjG7KRF0biw4FK7URxwqa1WXLhQcC00FSyV2EWTKAipRc1AN60tdNnaZpWWJn6n5IYmzXtJmgQu977/P/f/z7nDy9Namvhzu929uVzutqZpXfl8fg7pkN1ufzo2NpbVmuXjcrmGEb9TQW8KM6e5AlE35PF4LlDJsM7Etmw222LSIeuCMempMqGnKUaYnDAyYs86LEYB1bju7u7T6+vrD9mbS0ax8L93dBjY+HMIP0DAb2SgOJPJ1FtXRV6v17mxsSEVXFYi0rM0GbARhldp+wRTP7jhaDT6oVhRMBjclU6nO9nYDoISkDMqmPvhRkgMLiqs0K+S7avW1tbn4+PjSyRylPl9xHXS/losltDk5OSExG4asRQexu8hjxQEJMsw4zdgcjfOK7zQr8AP0QZJaLmMq/iokewxspiGLSm5UjTCyxgPWa3WwXA4vFIpRg+zMPFZDSZLLNELm832ktfJqp6YES6HwWkUADdFJT6WKFMlzpCu5cL+i8ViDZlIBmL03TAVDoLT6fzBXl6pEmdIa5y44+zTT6KqHgZiZBkfUeGooWoFcvN4c/69XMR3GBaPN7ETHIAvYHdpbVvnYjZNexyJREbo81s5vXHJhU2lUl1yYTFII5KUST6fb+/a2tothvdohwRTP0x+EfuES/lRDOWqkNQ1+FP0c2azeRSdrxJfNFKT9Xq/378nk8ncJJH7xBwui/uD0SepHty6lQN/zVL312ykJgcCgd2Li4s3eB5A2KFwo56qe+s2UoLybkwmk9epcACsQ+E6/bcdGylBMUwkEhGqO6uw8p7lyzT8zRCPx3MOh+Mk4rpGcDO1vBnKE9z2zB6EtoGlQKjhikRvfn5+lqoOMDxTqr/5JJ9bfU0xErmFhYXP7e3ts+zVQfZkP5D8cb4VE/mA/A+BaRhaMa6f3wAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 13px 13px;
    margin-left: 10.3px;
    margin-right: 2.7px;
    margin-top: 3px
}

.am-imgDeCon .am-imgDeCon-left .am-actionImg a.am-share span.am-drown {
    margin: 0;
    margin-top: 3px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAAXNSR0IArs4c6QAAAFFJREFUCB1jNDY2nsDAwJAPxOhgIpOvr28RIyPjOmQZEB8sDhK0tLTk/P37997///9bAiWOs7KyOh8/fvw7I0wH0HgRoMQioIK4s2fPvgGJAwBK6xpDeePWiAAAAABJRU5ErkJggg==") no-repeat 50%
}

.am-imgDeCon .am-imgDeCon-left .am-actionImg a.am-favorites {
    float: right;
    margin-right: 14px
}

.am-imgDeCon .am-imgDeCon-left .am-actionImg a.am-favorites span.am-icon {
    background: url(../../public/images/myHome/like@2x.png) no-repeat 50%;
    background-size: 16px 14px;
    margin-right: 3px;
    margin-top: 3px
}

.am-imgDeCon .am-imgDeCon-left .am-ImgDeInfo {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    margin-top: 13px;
    min-height: 105px;
    height: auto
}

.am-imgDeCon .am-imgDeCon-left .am-ImgDeInfo:after {
    content: "";
    display: block;
    clear: both
}

.am-imgDeCon .am-imgDeCon-left .am-ImgDeInfo>span {
    margin-right: 34px;
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 22px;
    margin-top: 16px
}

.am-imgDeCon .am-imgDeCon-left .am-ImgDeInfo .infoClassText {
    margin-top: 16px;
    font-size: 14px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    background: #e71d36;
    padding-left: 10px;
    display: none
}

.am-imgDeCon .am-imgDeCon-left .am-ImgDeInfo .authorization-class {
    margin-top: 16px
}

.am-imgDeCon .am-imgDeCon-left .am-ImgDeInfo .authorization-class>span {
    display: block;
    margin-top: 8px
}

.am-imgDeCon .am-imgDeCon-left .am-ImgDeInfo .building-authorization,.am-imgDeCon .am-imgDeCon-left .am-ImgDeInfo .model-authorization {
    position: relative
}

.am-imgDeCon .am-imgDeCon-left .am-ImgDeInfo .building-authorization {
    margin-bottom: 20px
}

.am-imgDeCon .am-imgDeCon-left .am-ImgDeInfo .detail-bubble {
    display: inline-block;
    width: 18px;
    margin-left: 8px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAYAAAFJtetpAAAABGdBTUEAALGPC/xhBQAABWRJREFUWAnVV11oXEUUPjO7m2x276Ya27S1KUbTVoqtCUmI+lakJT+mtEjF16YiVsUWhYogKFKf/EHwB+mDWpUKNYjFh2yifWlBRJpsrIEQq/iDIamtxpK9d/OzuzOeM5vZndm9m13jkxd25/x858y5M3POmQuw8rhj3X8QGaS/5Gi3DK7fjyNIRhopoREY6mSG9DmExIeQOUnxvzvWc3ZxvH87yVkxjOfRPKLIgkCkyOB4HqAJRkQq0XsoK8SgFuox1jnCOM2olU7HsNLpkQJgFE46m76iraKtZ8G7/LBmQU1BXHG4FFCsc/jNPEAmejd4Qoyh4nunc7hfu1CAUmuEMfYqxvIsN5W8rhkgEFPGuJYniDCWipzZi8uAXS2s1IpSvyJZS5CbDAD5qwFcF9Kph3P+CA9A4F4tCG18UJNqjLbH31dv4Sa690oBX5laWmaTL0tbqNR3/VuymfR0WTQqKKRI59C3GqMcVGOoDfTIOOxz2kfOM9oiV4hrWqHHaNtnkJm7CJm/L0K45QVYmj4FmT9zp0VjcIUOMne053dczyYtVCMLYRrEQKbnFEs7WLfzHfASD1gwYmgfLpdIZTpvTBsnlmZ9jXHj5tUamOelxNkqApURpCeCTt8qWFvF2AW9z9Y2apQ33n1AZtm7uDabczI2zzl7mk6OxujR14E71jcAMnsUk6INpJzEpTrjdMZf00bmaDlIjvZ8imf8IRNg0vial3BRuyyZZjALFjHJajW/2qjfnzAqnfAszFZrTEaIXymU6ACPcRclJinsh0Pw5j0QqO+wxcghPuAmep4hBRfZzDfFCBZqAKdjCNcvDTyyA2n7CBNeCvk6jUEM3a4KKIzsOg3exGGQy1chC19D6Jb7sVhsUjwZmU+JMSlTk49ZYB7eiu1h3rRT9MJ4T7OvA4lnXz+UiVlvCkCVfy3NjYzxGtWWbHGBCzUeBBZaDwtTxwpCgwq3DV1Z1UFN06NlsrDghWN7KLSKglxRfvmvIZzB20Sro4yncAl3o0Yr9Ujbl5o6DsL7QYvyoz6N+Vz4NzXBWcfDbHt8ibzlHRCDkfyKkdxGtP/Dktjz6k2dtY0YcrOzsT7CGHxggjCtv3A4byw2tjBrZaxX8HNCySYymZP4snv9jr2fDbbVCcnky0778CDWELvnFhn4BpAa7btHgDjnn+VFHiqwGMAy/h73K6dkagWgJmbiAr5pVYWtwtylas6Pxdrjb5mKfACVyrFp9F9oXI3fovXsTusYu6PdX+JG7avGMau9FcLNJyDg7LTgMuvB8szHkL52zpKXYebwtDexrYMLeCXuG5AyW9Lu/Axrb38OQg17YGnmI0jPfmJBuLMb6na8Alj68CJ6yNL5MZRqTsfIEa7apx+iSEYFnSYXi9MlkxNUuBMgFn7BO42DXWRbkXUpi98BA/LH3trgSu8uRRRJqLuY909LjR8U4W0vQSByB6Svx7H0/2SpyzELXqA1mLs4QFs5UCV5uOVFCN50H2TmE+COH8ClUCWykpnS14XqJrGf8DNotaYA6MoYiLRgC30Cl//nqibNg7C8srsGXZWGmAUTmAW78spqCB6G0Ib92KtvQOYv635f0RonTUc538La49dVM4h2DN+N+XmpoqUBYMF1+NWzGwJRSsd8OTEQ5UiWlKFIE01OCNXScXKq111eoveIEOK9cqamnAUiwLEmCPqixQ8GzCZT7Utjj/gQv/QOm0rf0JOJ3qeYkG/QDc4Er5XGFzyN1e+orn6mH98ANIDy1EvKJ/EW+DzKGrS80kh7jIXmlAhGTsZaPy/5gDLtVw3ABJo0Bbboys2SBRs5iBu1oegMnWgT87+h/wErb/5JJxGYSAAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 18px;
    position: absolute;
    height: 100%
}

.am-imgDeCon .am-imgDeCon-left .am-ImgDeInfo .copy-right {
    max-width: 296px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.am-imgDeCon .am-imgDeCon-left .am-ImgDeInfo span a {
    color: #333;
    cursor: pointer
}

.am-imgDeCon .am-imgDeCon-right {
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    margin-left: 20px
}

.am-imgDeCon .am-imgDeCon-right .am-imgChineseTitle {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    word-break: break-all
}

.am-imgDeCon .am-imgDeCon-right .am-imgChineseTitle p {
    font-size: 20px;
    color: #333;
    font-weight: 600;
    line-height: 28px;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    margin: 0
}

.am-imgDeCon .am-imgDeCon-right .am-imgChineseTitle span {
    display: inline-block;
    width: 40px;
    height: 42px;
    border: 1px solid silver;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    margin-left: 22px
}

.am-imgDeCon .am-imgDeCon-right .am-imgChineseTitle span i {
    display: block;
    line-height: 1;
    margin: 6px 0
}

.am-imgDeCon .am-imgDeCon-right .am-imgEnglishTitle {
    font-size: 14px;
    color: #999;
    line-height: 20px;
    margin-top: 20px
}

.am-imgDeCon .am-imgDeCon-right .am-freeShui {
    margin: 32px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.am-imgDeCon .am-imgDeCon-right .am-freeShui a {
    font-size: 16px;
    font-weight: 700;
    color: #fb7e1f;
    line-height: 21px;
    font-weight: 600!important
}

.am-imgDeCon .am-imgDeCon-right .am-freeShui .transfer-con .show-transfer {
    width: 96px;
    height: 32px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid silver;
    font-size: 14px;
    color: #535353;
    line-height: 32px;
    text-align: center;
    display: inline-block;
    cursor: pointer
}

.am-imgDeCon .am-imgDeCon-right .am-authorization .am-authorizationTab {
    height: 37px
}

.am-imgDeCon .am-imgDeCon-right .am-authorization .am-authorizationTab a {
    float: left;
    padding: 8px 16px;
    margin-right: 12px;
    font-size: 14px;
    color: #333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fbfbfb;
    position: relative;
    border-radius: 4px 4px 0 0
}

.am-imgDeCon .am-imgDeCon-right .am-authorization .am-authorizationTab a.am-selected {
    padding: 8px 16px;
    font-weight: 600!important
}

.am-imgDeCon .am-imgDeCon-right .am-authorization .am-authorizationTab a.am-selected:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #ffd44d;
    top: 1px;
    left: 0
}

.am-imgDeCon .am-imgDeCon-right .am-authorization .am-authorizationTab a.am-howSelect {
    border: none;
    background: none;
    color: #999;
    font-weight: 100!important;
    background: #fff
}

.am-imgDeCon .am-imgDeCon-right .am-authorizationSizeList {
    width: 100%;
    background: #fbfbfb
}

.am-imgDeCon .am-imgDeCon-right .am-authorizationSizeList ul li {
    height: 42px;
    padding-left: 16px;
    padding-right: 25px
}

.am-imgDeCon .am-imgDeCon-right .am-authorizationSizeList ul li:last-child {
    border: none
}

.am-imgDeCon .am-imgDeCon-right .am-authorizationSizeList ul li span {
    float: left;
    font-size: 12px;
    color: #999;
    line-height: 42px;
    width: 21%;
    margin-left: 20px;
    text-align: center
}

.am-imgDeCon .am-imgDeCon-right .am-authorizationSizeList ul li span.am-imgSize {
    width: 4%
}

.am-imgDeCon .am-imgDeCon-right .am-authorizationSizeList ul li span.am-imgPx b {
    font-weight: 500
}

.am-imgDeCon .am-imgDeCon-right .am-authorizationSizeList ul li span.am-imgPi {
    width: 13%;
    margin-left: 40px
}

.am-imgDeCon .am-imgDeCon-right .am-authorizationSizeList ul li span:last-child {
    width: 6%;
    float: right;
    margin: 0
}

.am-imgDeCon .am-imgDeCon-right .am-authorizationSizeList ul li span.am-selectIcon {
    width: 15px;
    height: 15px;
    border: 1px solid #5e5e5e;
    border-radius: 100%;
    margin-top: 10px;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.am-imgDeCon .am-imgDeCon-right .am-authorizationSizeList ul li span.am-selected {
    background: #4a4a4a;
    border: 4px solid #f9cf55
}

.am-imgDeCon .am-imgDeCon-right .am-authorizationSizeList ul.extendList li {
    border: none
}

.am-imgDeCon .am-imgDeCon-right .am-authorizationSizeList ul li.am-textTip span.am-danger {
    width: 14px;
    height: 14px;
    background: #e71d36;
    color: #fff;
    border-radius: 100%;
    text-align: center;
    line-height: 14px;
    margin-top: 12px;
    margin-left: 0
}

.am-imgDeCon .am-imgDeCon-right .am-authorizationSizeList ul li.am-textTip span.textInfo {
    float: left;
    font-size: 12px;
    color: #666;
    width: auto;
    margin-left: 4px
}

.am-imgDeCon .am-imgDeCon-right .am-authorizationSizeList ul li.am-textTip span.textInfo a {
    color: #151515
}

.am-imgDeCon .am-imgDeCon-right .edu-taocan {
    background: #f9f9f9;
    padding: 13px 12px 11px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 20px;
    background: #fbfbfb
}

.am-imgDeCon .am-imgDeCon-right .am-downloadQuota {
    height: 20px
}

.am-imgDeCon .am-imgDeCon-right .am-image {
    margin-top: 0
}

.am-imgDeCon .am-imgDeCon-right .am-downloadQuota span {
    float: left;
    height: 20px;
    font-size: 14px;
    color: #151515;
    letter-spacing: .81px;
    line-height: 20px
}

.am-imgDeCon .am-imgDeCon-right .am-image span {
    font-weight: 100!important;
    margin-top: 0
}

.am-imgDeCon .am-imgDeCon-right .am-downloadQuota span.am-Icon {
    float: left;
    width: 14px;
    height: 20px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAkdJREFUSA29Vr9rFFEQfjPZE6JJlU6r2MQmqHenaCGSInhXCAEFwT9ELCwtxD/ESkEQvBMrtTBw3kU7U1mp1UIg0YC3eeN8L3mb3fXYH7dnFpadfe/75nvv7ezMkClx/frcvWyt3SBrboihc4bkrKMJ/SAj34XNB2Z+eeZSb6vIHeUBfo+6dw+sPDZGVvJwx3O0Pcf06HSz9/x4LG1NFNz/cns5isbPjMi1NLzkG9FmEDTuz1989S3L+Edwf9S9GVn7QoFLWXDF9zBgvjPf7L1L8lKCEDuw9q0Y00iCprXV+XiOeT0pGgu6Yxz/Gajz3J2RRoliHh4t4oloFBUsKAwap67442UPdt+sQAxY9f9+ofXmKW7Ynp/zXDry7SBOENFYOkDE7MTOk3Y8OMHQ4HMaOuUED0N/AnCGQ16D8VOX/8/qrEBWoMXIIHXcVOFCi5GuqpDqYKHFLjfW8VKBCy2OE3EF4tRQTfrxfzi1kypEIS0sWmKqcGpifzLqWRUnmsfOe3zS9mN5T2gFKJ7GmrU8YHJOjKzuDW+9xpiIrCbnimxokavmkR0VgWcxzwE3Xabf/dT5+v+zDW0vtvsXXJSiLSi7A13hWAvSPdzOLkn0Gm6H4OwOOx/LVAwiGiy0+lfB2Rt2Bvod27BzL205Flv968AEHogeJCpRgPXo2xo0Dw550vL8nGcI334+3iEGTqLFSGUa9B7oQVQ79Cuq8Qyz/Qx8pQQxAFH0IEbPHe9TXWgT0cdkOjb4Sh1p1vmJNcJZ4Vm2+n8BkOXrwYpCVmcAAAAASUVORK5CYII=") no-repeat 50%;background-size: 14px 14px;
    margin-left: 8px
}

.am-imgDeCon .am-imgDeCon-right .am-package {
    min-height: 39px;
    line-height: 39px;
    position: relative;
    margin-top: 7px;
    border: 1px solid #ecebeb;
    cursor: pointer
}

.am-imgDeCon .am-imgDeCon-right .am-package ul.am-defaultHide {
    display: block
}

.am-imgDeCon .am-imgDeCon-right .am-package ul.am-ListHide {
    display: none
}

.am-imgDeCon .am-imgDeCon-right .am-package span {
    float: left;
    width: 100%;
    font-size: 12px;
    color: #333;
    letter-spacing: .69px;
    text-indent: 23px
}

.am-imgDeCon .am-imgDeCon-right .am-packageList {
    height: 156px;
    border: 1px solid #333
}

.am-imgDeCon .am-imgDeCon-right .am-packageList ul.am-defaultHide {
    display: none
}

.am-imgDeCon .am-imgDeCon-right .am-packageList ul.am-ListHide {
    display: block
}

.am-imgDeCon .am-imgDeCon-right .am-packageList span:first-child:hover {
    background: #fff
}

.am-imgDeCon .am-imgDeCon-right .am-packageList span:hover {
    background: #e0e0e0
}

.am-imgDeCon .am-imgDeCon-right .am-package span.am-icon {
    width: 8px;
    height: 8px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAAXNSR0IArs4c6QAAAFFJREFUCB1jNDY2nsDAwJAPxOhgIpOvr28RIyPjOmQZEB8sDhK0tLTk/P37997///9bAiWOs7KyOh8/fvw7I0wH0HgRoMQioIK4s2fPvgGJAwBK6xpDeePWiAAAAABJRU5ErkJggg==") no-repeat 50%;position: absolute;
    top: 17px;
    right: 16px
}

.am-imgDeCon .am-imgDeCon-right .am-package span.am-noUse {
    color: #999
}

.am-imgDeCon .am-imgDeCon-right .am-isDownLoad {
    height: 30px;
    background: #fc002d;
    margin-top: 8px;
    font-size: 12px;
    color: #fff;
    line-height: 30px;
    padding-left: 15px
}

.am-imgDeCon .am-imgDeCon-right .am-isDownLoad span {
    border-bottom: 1px solid #fff;
    cursor: pointer
}
.am_downBtn_box{
    display: flex;
}
.am-imgDeCon .am-imgDeCon-right .am-downBtn,.download_box .am-downBtn {
    color: #333;
    margin: 18px 0 0;
    text-align: center;
    cursor: pointer;
    width: 91px;
    height: 36px;
    background: #ffd44d;
    border-radius: 2px;
    line-height: 36px;
}
.am-imgDeCon .am-imgDeCon-right .am-downBtn2{
    color: #333;
    margin: 18px 0 0;
    text-align: center;
    cursor: pointer;
    width:91px;
    height:36px;
    border: 2px #999999 solid;
    border-radius:2px;
    line-height: 32px;
    margin-left:20px;
}
.am-divideLine {
    opacity: .31;
    height: 1px;
    background: #c9c9c9
}

.infoandkeyword-line {
    height: 0;
    border-bottom: 1px dashed #c9c9c9;
    margin-top: 80px
}

.keyandsimilar {
    margin: 32px 0 -2px
}

.am-keywords {
    width: 100%
}

.am-keywordsTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 32px 0 12px
}

.am-keywordsTitle p {
    margin: 0;
    font-size: 18px;
    font-weight: 600!important;
    color: #333;
    line-height: 25px
}

.keyword-actions>span {
    width: 96px;
    height: 32px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #333;
    font-size: 14px;
    color: #333;
    line-height: 32px;
    text-align: center;
    display: inline-block;
    cursor: pointer
}

.keyword-actions>span+span {
    margin-left: 10px
}

.am-keywordList:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    clear: both
}

.am-keywordList a {
    float: left;
    border-radius: 2px;
    margin-top: 14px;
    margin-right: 24px;
    position: relative;
    font-size: 14px;
    color: #333;
    line-height: 19px
}

.am-keywordList a:after {
    content: "";
    display: block;
    background: #f9f9f9;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -1px;
    border-bottom: 1px dotted #5e5e5e
}

.am-keywordList a.am-viewMore {
    font-size: 12px;
    color: #333;
    background: none;
    border-bottom: 1px dashed #333;
    padding: 3px 0;
    cursor: pointer
}

.am-similarImg {
    width: 100%;
    overflow: initial;
    padding-bottom: 72px
}

.am-similarImgList {
    margin-top: 27px;
    width: 100%
}

.am-similarImgList:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 0
}

.flex-images .item img {
    max-width: 1200px;
    width: 100%!important
}

.flex-images .item .slidiv {
    background: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.6)),to(hsla(0,0%,100%,0)));
    background: linear-gradient(rgba(0,0,0,.6),hsla(0,0%,100%,0));
    position: absolute;
    top: 0;
    text-align: center
}

.flex-images .item .slidiv .tipTxt {
    position: absolute;
    font-size: 12px;
    color: #fff;
    letter-spacing: -.2px;
    left: 15px;
    top: 12px;
    right: 15px;
    text-align: left
}

.flex-images .item .slidiv .actionIcon {
    position: absolute;
    bottom: 15px;
    right: 15px
}

.flex-images .item .slidiv .actionIcon span {
    float: left;
    width: 30px;
    height: 30px;
    margin-left: 8px;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    border-radius: 2px
}

.flex-images .item .slidiv .actionIcon span.like_it {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAkCAMAAADSK7iXAAAAh1BMVEUAAABeXl5tbW1eXl5zc3NeXl5eXl5eXl5eXl5eXl5gYGBhYWFoaGheXl5fX19fX19fX19eXl5fX19fX19fX19fX19fX19gYGBoaGheXl5fX19fX19gYGBfX19gYGBfX19fX19fX19fX19gYGBfX19hYWFgYGBkZGReXl5eXl5eXl5hYWFeXl4tq1RDAAAALHRSTlMA+gnxBfXh2MZ/KRkN67qrg9Cfl3l0aFcRo5BSTEc3yrWvjWxiMCIfvqhbPwz+YxgAAAFiSURBVDjLlZPZeoJADIVZXGBEQFkUQVzBpfP+z9ccKAyYAm1uzIn/N5OTDNr/Y1WUhlJGKRzOpJ4ppdStyIFa2RtJsQjyHlRYsol1rGn2vJXeSlEZlVVs3a5aFA111KEtPw69ljeTMDosq0zU1GNNYlN3sQ8qSPdrM+mCxLLOX5S6rceY1Dxr3ePAEJlAA3tkDadnSok5uYJ7m7Bd13aUdpX/8/eJ8LGhwzv9mjQcbSSoO4uWQvRhDHOp9T9juPQyeWltYTZtAQN5D0FqXkJX4+VRUk+mgyzBsgau3ePd2Wr13q+cY2H1jnpIaJOF8cQ7EI28S4qAUbMzqKMq3MBdP6kLXl7WLYXg7D6WgNr1az64qFsJULl/NnJANVb6Cn3jtraov9npLF7oJe306jNEOTsy52yaLub0xebIOOzGzHfYSqINh3MCp/Md8xdRxXmYUp+5fBraRDw2dBan+FxywWrf0qI3/31MltIAAAAASUVORK5CYII=") 50% no-repeat;background-size: 23px;
    background-color: #fff
}

.flex-images .item .slidiv .actionIcon span.flash-likeit {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAcCAYAAAESKH/LAAAABGdBTUEAALGPC/xhBQAAA2JJREFUSA2dVU1oE0EUntlNgk02/uIfWBXBKgVtaXIwePNgNhEPYnNQFNFqhYoiXr20oAdBrL8HRUUQQRD/qCUp0qt/3axYWnpRi1JFhYIku6ltzY7vTTvLTrJV2znkzfve99689+bthJDKVTSSDDFFGCxDN8VelszILOBIlQ9HrXzSkh2mNfZuf0S4UMRsMx13nHIf7qPxHo7x8xlzziCokVAEpe9iLKNKBiuvlxEI4I9tJFc6hHxljJc1VRcCaJQOo5SeQlCkNp0BuwAGRzDROspYu9se9PjnKprJDstIfkIiz6rSA5p8hxF2AHHK6F0tnlvD94IINfVCCduEzo1U2afFsvcExvsmFJSiEihgIjKfLqXrswVhlwoQRDTCKSG74HQKIkoeGaoOWPmXkwgolLZHYrkO3FetcWPnRiufPlhlmCtg51Ot6OvbOhGUDWZC9ljBCi/T+FRKBQoSSiufumiNFcYZJX209sEYYlWtg2iLgTSKRlzu/cNeigyte+wlYmfQQSwe+Vf/jnWTE78/CFBIb1TEeOR5m7s/QkIvBAmlSpWEV8e9m0Y01rNVVZSMIDiE7RZ7IaUCvdctCGpQqQ03ZEdQd/tczOvXYCAEh0tNrVlEG578FKBLBmKbAGHiOrVYjn9PAkPJyXD8ECp8LNlqjcZu8KFCTFp4CZgr3NhJyeCnwHPz3Q/3w6Ru+BH+B7OM9CZCnVuU0KeRWPYs+sw5cMnUE2VGbkIT6/nhCt0TbcrdF4nMKrBlpLbDM3IdPuW1bgBKmKIGt4Qbn70RGMp/Bi6ZqWbHca7CFCz3Ok4505ISCNRB0C/VtkoEdNvUWxzGzhNGFvqYOQT9HImQ4AYa7yr5cdyMoTwK2V2Bh7MNhtTFZ3B6DQ9WAmZOHmcPecYAcNN7CXHOwUGrPHxs3kP4+JolzEeZMTAzWoMW+TwAr26djx98IeQH5Hs6HEvchncF/rbk5RuYDe1aYpVK7//WYwwDff6mUHIsHMs9ksP6TMW4maqfdFg/tED+s532hEyG4V/hiNaU660M5tWljO23etops24vAfdAGlACwZbKWa3keXU3cNHQT0A/L7lGSl8RlR2ONvYMutgsNjywbeiX4Vk9DspzNRg6WtPQNTyLGP5U20wdsgbTK/ytc0f/AP8UPKcXIcO/AAAAAElFTkSuQmCC") 50% no-repeat;background-size: contain;
    width: 18px;
    height: 30px;
    background-color: #fff;
    position: relative
}

.flex-images .item .slidiv .actionIcon span.flash-likeit .flash-likeit-tips {
    position: absolute;
    top: -45px;
    left: -70px;
    right: 0;
    margin: 0 auto;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #393e41;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    letter-spacing: .03px;
    z-index: 99;
    display: none
}

.flex-images .item .slidiv .actionIcon span.user_it {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAkCAMAAADfNcjQAAAAXVBMVEUAAABfX19eXl5eXl5fX19eXl5fX19eXl5hYWFjY2NfX19fX19hYWFfX19fX19hYWFfX19hYWF6enpfX19eXl5eXl5fX19eXl5eXl5fX19fX19tbW1gYGBeXl5eXl6UgrF/AAAAHnRSTlMAmufZ7vJDsksk1L894I4oHBUF9cfDp6CSbk4OeHdbb+3cAAAA+UlEQVQ4y62SS3bCMAxF7ci/OA6E8If27X+ZRSolNFVwB9wROu/KyHLML4Il78kGo9N2uNO1Wl4cHrii9EvexNiI8feMjuPEvxIr3TwPnG+MsGFjPqkFkH6KBMDOBAKaqWoAmgkeiFMVAV8Vqn9RH7J+zfqi6quuP1b9uf/5waQjbfNTV5u3dEyPcr0DY5+XwuzW93M9hM9J+IDgg/TL8H08j5MwnmMvl+Ez9hwX5das7L9X3F+NwpWNIPMUo1JkcpKH1ZHMA4cl4QB4A2C1JKwAvEc4LQknFjKQRz0fOZM9kFUh2cPg8AI3GHNxL/KLuTHYrMfZ3vq/AAa5JlBLLktFAAAAAElFTkSuQmCC") 50% no-repeat;background-size: 23px;
    background-color: #fff
}

.flex-images .item .slidiv .actionIcon span.plan_it {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAXVBMVEUAAABnZ2deXl5lZWVeXl5fX19fX19eXl5fX19eXl6KiopeXl5xcXFkZGTHx8dxcXFeXl5nZ2f////19fX///9eXl6vr6/6+vpzc3Ofn5+bm5uVlZXZ2dloaGh9fX13ESLpAAAAFHRSTlMADEH789/PnYFJ+uzp5tDQuIhXnlmTqV0AAADdSURBVDjL3dPZDoIwEIVhKsoiuzJlKfD+j+kxoQMlZUK89L9pgC9DSIYAqSS6k9M9SlTgdHuQp8fNMXTSTqnvnH7QTkOPm4VilOBy7NpD3YjbDaMIczazKczKGeG7htbTQBQywljtQxoPriCU1amM1mIlIVYy0toQSkWEY8JRyQhhVigie/45ElZltkhausUiaX21RcKP0HcWCb/U1DKCKnykh2GEVJOHrpgX3V3a9Z9RRmR8yODljGr+nq11fZ+MUkJGHzKEyoCL6aTxtSEVn5h3sC+twqOYnyXmfAAHullAju2UygAAAABJRU5ErkJggg==") 50% no-repeat;background-size: 23px;
    background-color: #fff
}

#bindPackage {
    border: 1px solid #ecebeb
}

.adver-wrapper {
    width: 100%
}

.adver-wrapper .adver-container {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 107px
}

.adver-wrapper .adver-container>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.adver-wrapper .adver-container>li img {
    display: block;
    margin-right: 10px
}

.adver-wrapper .adver-container>li>p span {
    display: inline-block
}

.adver-wrapper .adver-container>li>p .adverTitle {
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    color: #333;
    line-height: 18px
}

.adver-wrapper .adver-container>li>p .adverDesc {
    width: 100%;
    font-size: 12px;
    color: #666;
    line-height: 16px
}

.ad-purcaseTaoccan-title {
    text-align: center
}

.ad-purcaseTaoccan-title h2 {
    font-size: 27px;
    font-weight: 700!important;
    color: #fff;
    line-height: 35px;
    text-shadow: 0 0 4px rgba(0,0,0,.5);
    margin: 50px 0 10px
}

.ad-purcaseTaoccan-title p {
    font-size: 15px;
    color: #fff;
    line-height: 20px;
    margin-bottom: 35px;
    text-shadow: 0 0 3px rgba(0,0,0,.5)
}

.ad-purcaseTaoccan-title p>span {
    font-weight: 700!important
}

.ad-purcaseTaoccan {
    width: 100%;
    background: url(https://123rfchina.shenbipie.com/123rf_bug.jpg) 50% no-repeat;
    background-size: cover;
    background-position: 50%;
    overflow: hidden
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con {
    width: 900px;
    margin: 0 auto
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways {
    padding-bottom: 81px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -moz-justify-content: space-between;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways {
    width: 280px;
    height: 455px;
    background: #fbfbfb;
    border-radius: 8px;
    border: 1px solid #eee;
    padding-top: 15px;
    text-align: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    margin:15px 0
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways h3 {
    font-size: 20px;
    font-weight: 700!important;
    color: #1d1d1d;
    line-height: 26px;
    text-align: right;
    margin: 0;
    margin-bottom: 65px
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways p {
    margin: 0 auto;
    font-size: 10px;
    color: #737373;
    line-height: 13px;
    margin-top: 5px;
    text-align: center;
    max-width: 248px
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .list-pagination {
    float: left;
    width: 280px;
    display: inline-block;
    margin-top: 6px
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .list-pagination .disabled {
    opacity: .3
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .list-pagination .prev-page {
    float: left;
    margin-left: 27px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAYAAAGzT2XVAAAABGdBTUEAALGPC/xhBQAAAUVJREFUKBVlUVtKw1AQzeMmK6i0WARp0WqLC/BLt+EG8g7ZTAgke+gWtAXxQ+iPHwoVkVZtFd1AQh6eCZ37oQPtzJxzZu7MRFFgtm1PFcuy7in5Y4AbgrQdvpG853kHWhRF3bIsTSr/lBQarlXOgiDYL4riwzCMQwFZB8R3VVUnWZa1Ig3Bj6qqbwCvuUqWE7Brvmay9QAXUoUXl03TmMw8Anjn5AHJlmsFgjNd18cMaKZpDrADlRwR2DalBA2XRMpXsPIpKSXAPcg7jtOv63qOcIhtFvSQNFT2sN4MghGtimMM4jh+bUVhGO7leX6D1hNUbCA4TtP0masFhrmD4BzAlxBinCTJE5PsNRBXSFb4demSruuOmGQvB8fxaMg5VuyDpFNd4jO8kFCKKCGjThh8BnEP6QrDX/wTtUr8+b4/wSJThLe/pUKMrrCLBnIAAAAASUVORK5CYII=") no-repeat 50%;background-size: cover;
    width: 9px;
    height: 16px
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .list-pagination .next-page {
    margin-right: 27px;
    float: right;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAFoexhnAAAABGdBTUEAALGPC/xhBQAAAxFJREFUSA2NlU9oE0EUxrO7xZu3XhIQxEuvQlpBQeghXgqCIORSoYK0iVVQVFQEaSgqKBUq/mkTrX+wCJ4EL4IHwYsINuBBRUQPekgKnqTHdBN/33ZnOptN/wxs5r3vfe/bNzNvJ5lyuTycccfExETH9TMWsEYibJ1SqfRc5JsW2TCh0+l4JugbOvn3jS2dU4bhgn+tg6HU/l6sDlqhmJ5+NMTyPG91zYt/I9AgcnzfvxH5cnjuWgfBJ4ap0hs4WQG1Ws2+xBA0W1BScaAD2S43QYoJ63udyYSQ+3qSBFYqFb/RaESLxG0lZEXQaDabtTWLejzvmq1JICua5RzOxITbvO6C7IhE0dPYVyPA82rVarUk2wyP7A9k7wd4QeaoCbhzAOlXPp8P6/X6Jzfg2j4qewDu8crzbsC1faqfioEZOva0GzR2wGveDw0N7UDxIM/I4OBgE6xuCJoD/SwtLb2jrp2YB3gOk/Qb7LNiGhFJBslvIfZj7kPxCIo/wL4oZklyAN8QzGHmeY5ifwX7lthxETXUS6gdlx0EwaGeZ5fNZk+IoBGG4aMUCQXP6QA14u5ETcqkA0zz2U5N1OR0pyUo0ZI2IogU1eQSaJNUnb5LyOVyAWdpa5KKRtToMgqFQl+xWGzL7h5quu8se8AEULrMK9cvHBPYYg44U5Uw4vAKYBWefxzbRwff1HR3aRpm9L10ZUxyMHNdWMq1QibCpmlZF40fz7rDxlnyQhdu3ZSQibB37ucewYhpo8cQXDQ8M28oZAhU+AD7pPHjOUR0FMGXBt9SSEQ1M9/1Q2bb9cIRW+Upzs/Pv9qWkJI0dD/S/M8QPLaG2N+f2xaKL9nHpI7Z9Njgr6Kc+ty6SVrW8vJydWVl5TWxvW6cZU3TGsNcPPVNK2Kj9T/U6867hcClhKjrGBuBGezU7UoFdzips4bnzomKOJnr7Xb7ikuI7TkqmOyBWygSooIpkIpFY4MKFjjacebUlZDi0sF/2NBdboDERW7KMU6q55Xhco3dxyi0Wq1FkgcQfMqdc447JzSE7c7/AeD+RVLq1D/aAAAAAElFTkSuQmCC") no-repeat 50%;background-size: cover;
    width: 9px;
    height: 16px
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .list-pagination .circle {
    width: 4px;
    height: 4px;
    background: #d8d8d8;
    border-radius: 2px;
    display: inline-block;
    margin: 0 4.5px;
    cursor: pointer
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .list-pagination .circle.active {
    background: #2a2a2a
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .ad-longTime {
    margin: 32px auto 6px
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .package-desc {
    position: absolute;
    top: 61px;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 280px
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .package-desc-1 {
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    width: 95%;
    max-width: 280px
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .package-desc-3 {
    position: absolute;
    top: 76px;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 280px
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .switch-container {
    width: 104px;
    height: 22px;
    background: #2a2a2a;
    border-radius: 15px;
    text-align: center;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 2px
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .switch-container p {
    width: 50px;
    font-size: 10px;
    color: #fff;
    line-height: 20px;
    margin: 0;
    height: 20px
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .switch-container p.active-switch {
    background: #fff;
    border-radius: 15px;
    font-weight: 700!important;
    color: #333
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .ad-list {
    margin: 0 auto;
    position: relative;
    height: 228.5px
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .ad-list .packlist {
    position: absolute;
    top: 0;
    left: 0;
    width: 280px
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .ad-list li {
    height: 45.7px;
    line-height: 45.7px;
    padding: 0 16px
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .ad-list li:hover {
    background: #e6e6e6
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .ad-list li span {
    float: left;
    font-size: 12px
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .ad-list li span>em {
    margin-left: 5px;
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    background: -webkit-gradient(linear,right top, left top,from(#ff653a),to(#ff9a2e));
    background: linear-gradient(270deg,#ff653a,#ff9a2e);
    border-radius: 4px
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .ad-list li span .recommendation {
    height: 15px;
    background: -webkit-gradient(linear,right top, left top,from(#d73aff),to(#6949ff));
    background: linear-gradient(270deg,#d73aff,#6949ff);
    border-radius: 8px 0 8px 0;
    font-size: 10px;
    color: #fff;
    line-height: 15px;
    text-align: center
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .ad-list li span:first-child {
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-top: 15px;
    cursor: pointer
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .ad-list li span:nth-child(2) {
    margin-left: 12px;
    margin-right: 4px;
    font-size: 13px;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .ad-list li span:nth-child(2) input {
    width: 71px;
    height: 25px;
    border: 1px solid #c6c6c6;
    font-size: 12px;
    color: #aaa;
    line-height: 16px;
    margin-top: 10px;
    float: left;
    text-indent: 10px
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .ad-list li span:nth-child(2) .ad-textCombination {
    float: left;
    height: 26px;
    margin-top: 10px;
    font-size: 10px;
    color: #000;
    line-height: 13px;
    margin-left: 6px
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .ad-list li span:nth-child(2) .ad-textCombination b {
    display: block;
    text-align: left
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .ad-list li span.ssy-price-content {
    width: auto;
    color: #e71d36;
    margin-left: 20px
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .ad-list li span.ssy-price {
    color: #a3a3a3;
    margin-left: 20px;
    text-decoration: line-through
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .ad-list li span.rf_price {
    color: #101010;
    margin-left: 0;
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 45.6px
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .ad-list li span.rf_price i:first-child {
    font-size: 13px;
    font-weight: 700!important;
    color: #000;
    line-height: 18px;
    display: block;
    text-align: right
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .ad-list li span.rf_price i:nth-child(2) {
    font-size: 10px;
    color: #939393;
    line-height: 13px;
    text-align: right
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .ad-list li span:last-child {
    color: #9b9b9b;
    margin-left: 0;
    text-decoration: line-through;
    float: left
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways .ad-list li span.ad-selected {
    background: #f9cf55;
    border: 4px solid #4a4a4a;
    border-radius: 10px
}
.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways:first-child{
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}
.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways:nth-last-child(2) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 4
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways:nth-last-child(3) {
    margin-right: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}
.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-ways:nth-last-child(4) {
    margin-right: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 1
}
.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-wayss{
    margin-right: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 5
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways a {
    display: inline-block;
    border-radius: 2px;
    line-height: 38px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 240px;
    height: 38px;
    background: -webkit-gradient(linear,right top, left top,from(#ffcd34),to(#ffcd34));
    background: linear-gradient(270deg,#ffcd34,#ffcd34);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700!important;
    color: #353535
}

.ad-privateCustom {
    width: 100%;
    height: 180px;
    background-image: -webkit-gradient(linear,left top, left bottom,from(#fdfdfd),to(#f9f9f9));
    background-image: linear-gradient(-180deg,#fdfdfd,#f9f9f9)
}

.ad-privateCustom .ad-privateCustom-con {
    width: 1200px;
    height: 165px;
    margin: 0 auto;
    overflow: hidden
}

.ad-privateCustom .ad-privateCustom-con h2 {
    margin: 25px auto 15px;
    font-size: 23px;
    font-weight: 700!important;
    color: #333;
    line-height: 31px;
    text-align: center
}

.ad-privateCustom .ad-privateCustom-con p {
    text-align: center;
    font-size: 12px;
    color: #333;
    line-height: 16px;
    margin: 10px auto 0
}

.ad-privateCustom .ad-privateCustom-con .ad-privateCustom-button {
    width: 93px;
    height: 35px;
    background: #f3cc47;
    border-radius: 2px;
    border: 1px solid #e9e9e9;
    margin: 23px auto;
    text-align: center;
    line-height: 35px
}

.ad-privateCustom .ad-privateCustom-con .ad-privateCustom-button a {
    font-size: 12px;
    font-weight: 400;
    color: #101010;
    line-height: 17px
}

.ad-mainContent {
    width: 100%;
    background: #fff
}

.ad-mainContent .ad-mainContent-con {
    width: 1200px;
    margin: 0 auto
}

.ad-mainContent .ad-mainContent-con .ad-purchase {
    text-align: center;
    overflow: hidden;
    position: relative;
}

.ad-mainContent .ad-mainContent-con .ad-purchase h2 {
    font-size: 23px;
    font-weight: 700!important;
    color: #101010;
    line-height: 31px;
    margin: 44px 0 34px;
    text-align: center
}

.ad-mainContent .ad-mainContent-con .ad-purchase .ad-country {
    position: absolute;
    top: 85px;
    right: 0;
}

.ad-mainContent .ad-mainContent-con .ad-purchase .ad-country:hover {
    text-decoration: underline;
}

.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-purcase-proWays {
    margin-top: 40px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -moz-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-purcase-proWays li {
    width: 33.33%;
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-purcase-proWays li .ad-imgIcon {
    width: 50px;
    height: 50px;
    float: left
}

.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-purcase-proWays li .ad-imgIcon img {
    max-height: 100%;
    max-width: 100%
}

.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-purcase-proWays li .ad-iconText {
    float: left;
    margin-left: 18px;
    padding-top: 4px
}

.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-purcase-proWays li .ad-iconText h4 {
    font-size: 15px;
    color: #333;
    line-height: 20px;
    text-align: left;
    margin: 0
}

.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-purcase-proWays li .ad-iconText p {
    margin-top: 8px;
    font-size: 10px;
    color: #a3a3a3;
    line-height: 13px
}

.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-purcase-proWays li:nth-child(2) {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -moz-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-process-authorized {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    margin-top: 40px
}

.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-process-authorized div.ad-tableCon li,.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-process-authorized div.ad-tableTitle li {
    width: 199px;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    float: left;
    line-height: 50px;
    font-size: 14px;
    font-weight: 600;
    color: #333
}

.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-process-authorized div.ad-tableCon li.ad-cellCol,.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-process-authorized div.ad-tableTitle li.ad-cellCol {
    width: 602px;
    text-align: left;
    text-indent: 29px
}

.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-process-authorized div.ad-tableCon li {
    font-size: 12px;
    color: #333;
    font-weight: 600
}

.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-process-authorized div.ad-tableCon li span.ad-nobold {
    margin-left: 10px;
    font-weight: 400
}

.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-process-authorized div.ad-tableCon li span.ad-yesSuccess {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAASBAMAAABcAGiTAAAAMFBMVEX///9ctFv6/fqLyoqq2KluvW5ht2Dp9enR6tGv26+UzpPq9urb79vM6Mt5wXh1wHVLKmeBAAAAUElEQVQI12NAAM5YBiTgKKaA4LAICiNLCRqhSCngl9I8gCxlmIGs66FYA5KuUsEMJAPZA4GSYCmYJEQKJrkQJAWXBEvBJYFSCLDlF0gKEwAAdmMPShuYP/cAAAAASUVORK5CYII=") no-repeat 50%;background-size: 20px 12px;
    vertical-align: middle
}

.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-process-authorized div.ad-tableCon li span.ad-desDiffText {
    font-size: 12px;
    color: #5cb45b;
    font-weight: 400
}

.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-process-authorized div.ad-tableCon li span.ad-noSuccess {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAGFBMVEX////DOTX35OPKT0z78vHYfXrNV1TWdXKGdIaAAAAAmklEQVQoz3XTQQqDMBCF4VKErh+lXRcK3dcTeAWPoCfw/isTEf6Rx8siTiafEpPJLbThOpyOfl5r7vfq/UPPD7n7X1uH0kjyKzU6SJ0CpfbVRZ0C9T6fjQLHGgCImCes08QXyAAIBRYKLBRYKLBQIBQIBXoyvw6E+pLi4v0344b41uVNJob6waUjBhbgZZMKzEsxFK2Xd74I3nbt1iSHnz1YiwAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 20px 20px
}

.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-process-authorized div.ag-tableCon li,.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-process-authorized div.ag-tableTitle li {
    width: 139px;
    height: 50px;
    font-size: 12px
}

.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-process-authorized div.ag-tableCon li.ad-cellCol,.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-process-authorized div.ag-tableTitle li.ad-cellCol {
    width: 468px;
    height: 50px;
    font-size: 12px
}

.ad-mainContent .ad-mainContent-con .ad-purchase .detail {
    top: 0;
}

.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-qiyeResolve {
    width: 1200px;
    height: 104px;
    margin: 40px auto 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -moz-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-qiyeResolve li {
    width: 542px;
    height: 104px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid #f9cf55;
    text-align: center;
    line-height: 104px;
    font-size: 24px;
    color: #333
}

.ad-mainContent .ad-mainContent-con .ad-purchase ul.ad-qiyeResolve li span.ad-add {
    color: #f9cf55
}

div.ad-businessCase {
    width: 100%;
    height: 307px;
    margin: 80px auto 0;
    background: #ffd44d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

div.ad-businessCase .tianchong-div {
    width: 50%
}

div.ad-businessCase .ad-lawPromise {
    position: absolute;
    width: 1200px;
    margin: 0 auto;
    left: 0;
    right: 0;
    overflow: hidden
}

div.ad-businessCase .ad-lawPromise h3 {
    width: 93px;
    height: 29px;
    font-size: 22px;
    font-weight: 700!important;
    color: #393939;
    line-height: 29px;
    margin: 38px 0 21px
}

div.ad-businessCase .ad-lawPromise p {
    width: 450px;
    height: 120px;
    margin-bottom: 24px;
    font-size: 13px;
    color: #393939;
    line-height: 20px
}

div.ad-businessCase .ad-lawPromise a {
    width: 101px;
    height: 38px;
    display: inline-block;
    border: 3px solid #3d3d3d;
    font-size: 12px;
    color: #2f2f2f;
    text-align: center;
    line-height: 32px
}

div.ad-businessCase>.ad-writing {
    width: 50%;
    background: url(../../public/images/purcase/writing.png) no-repeat; top;
    background-size: cover
}

a:hover {
    text-decoration: none
}

.cb-copyPay {
    width: 100%;
    margin: 0 auto;
    background: #f9f9f9;
    padding-top: 31px;
    padding-bottom: 72px
}

.cb-copyPay .cb-copyPayCon {
    width: 1200px;
    margin: 0 auto
}

.cb-copyPay .cb-copyPayCon .cb-partOne {
    width: 100%;
    height: 195px;
    background: #fff;
    padding: 29px 0 0 20px
}

.cb-copyPay .cb-copyPayCon .cb-partOne .cb-orderTitle {
    font-size: 16px;
    font-weight: 600;
    color: #383838
}

.cb-copyPay .cb-copyPayCon .cb-partOne .cb-orderTable {
    width: 1160px;
    margin-top: 16px;
    border-top: 1px solid #dadada;
    border-left: 1px solid #dadada
}

.cb-copyPay .cb-copyPayCon .cb-partOne .cb-orderTable .cb-orderItem {
    width: 100%;
    height: 44px
}

.cb-copyPay .cb-copyPayCon .cb-partOne .cb-orderTable .cb-orderItem .cb-row {
    width: 100%;
    height: 100%
}

.cb-copyPay .cb-copyPayCon .cb-partOne .cb-orderTable .cb-orderItem .cb-row .cb-col {
    float: left;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    width: 231.8px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 14px;
    color: #666
}

.cb-copyPay .cb-copyPayCon .cb-partOne .cb-orderTable .cb-orderItem .cb-row .cb-col:first-child {
    border-left: none
}

.cb-copyPay .cb-copyPayCon .cb-partOne .cb-orderTable .cb-oneOrderItem {
    background: #efefef
}

.cb-copyPay .cb-copyPayCon .cb-partOne .cb-orderTable .cb-oneOrderItem .cb-row .cb-col {
    font-weight: 600;
    color: #383838
}

.cb-copyPay .cb-copyPayCon .cb-partTwo {
    width: 1200px;
    margin: 10px auto;
    height: 122px;
    background: #fff;
    padding: 11px 0 0 20px
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-orderTitle {
    font-size: 16px;
    font-weight: 600;
    color: #383838;
    position: relative
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-orderTitle .cb-offerIcon {
    position: absolute;
    top: -20px;
    left: 35px;
    float: left;
    width: 109px;
    height: 26px;
    background: url(../../public/images/offer/ca_float.gif) no-repeat; 0 0;
    background-size: 100%
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction {
    margin-top: 15px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionTitle {
    float: left;
    font-size: 14px;
    color: #333
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionSelect {
    float: left;
    width: 180px;
    height: 33px;
    border: 1px solid #dadada;
    border-radius: 4px;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionSelect .cb-selectTit {
    float: left;
    font-size: 14px;
    color: #333;
    margin-left: 10px;
    width: 154px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionSelect .cb-selectIcon {
    width: 7px;
    height: 4px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAAG+Fv5aAAAABGdBTUEAALGPC/xhBQAAAMpJREFUGBljNDY2nsDAwJDPCGT8BzIgAMh5DRNAkWEEyYNk2NjYVMEcExOTY////7eE6gRTQEkuZD5Ix19TU9MgmCCKmTBBKD2RCUM7UIaRkfH42bNnC8B2Wlpaqvz69es2VMcboIQoiikgu0B2IgsyNjQ0MG3ZsmU10LVwhyArQGcDrVzn4+MTCrYSJAk0UQRIHQdiFRAfC7gDFLMEOucNSA6uEabQzMzM8t+/f3uBLuAEK2Bk/M7ExOR86tQpkKGEATCwC0AYl0oAUoQ/ApUf9nIAAAAASUVORK5CYII=") no-repeat 50%;background-size: 7px 4px;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionSelect .cb-selectList {
    position: absolute;
    left: 0;
    top: 36px;
    width: 180px;
    overflow-y: auto;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    border: 1px solid #c9c9c9
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionSelect .cb-selectList .cb-selectItem {
    width: 100%;
    height: 32px;
    text-indent: 12px;
    font-size: 14px;
    color: #333;
    line-height: 35px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid #d9d8d8
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionSelect .cb-selectList .cb-selectItem:last-child {
    border: none
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionSelect .cb-selectList .cb-selectItem:hover {
    background: #e0e0e0
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionSelect .cb-selectList .cb-noSelected {
    display: none;
    color: #999
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionSelect .cb-selectList .cb-selected {
    background: #e0e0e0
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionBtn {
    float: left;
    margin-left: 49px
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionBtn .cb-btnTit {
    font-size: 14px;
    color: #56a9d7;
    border-bottom: 1px solid #56a9d7
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionIpt {
    float: left;
    margin-left: 10px;
    width: 200px;
    height: 33px;
    border: 1px solid #dadada;
    border-radius: 2px;
    position: relative
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionIpt .cb-iptofferCode {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    text-indent: 15px;
    font-size: 12px;
    color: #333
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionIpt .cb-iptofferCode::-webkit-input-placeholder {
    color: #999
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionIpt .cb-iptofferCode::-moz-placeholder {
    color: #999
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionIpt .cb-iptofferCode:-ms-input-placeholder {
    color: #999
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionIpt .cb-actionexchangeTip {
    position: absolute;
    left: 0;
    top: 38px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionIpt .cb-actionexchangeTip .cb-exchangeIcon {
    float: left;
    width: 14px;
    height: 14px
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionIpt .cb-actionexchangeTip .cb-success {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAEFCu8CAAAABGdBTUEAALGPC/xhBQAAA5VJREFUSA2tVs1rU0EQn9mXiKjgwR78OOlBvSgoja0HPyC1iB9NpBXUg3+E56oonoSe/Q9EsEpSQbEfoniwNUERL9aDHqS9aA+CiJrmrfPbZJ6bl7y+Rt3D29mZ+c3szs7MPqLmyJd7n4BkfPKlXosZw0ASGDohoi8Nlnyh4WvRQCk3Dykrl5kvZxzH0IgN7XjGGD4ahvapY+Ijqr9kyoLWASXTNJaVzXyFIKDgLNwD3bZBRWJ2QhD5idw1Cu0lZjo8Xai+joS6PTB0zBSrHO1bmc35GzEvGCyCDO1RIRBCbyBrd7lD1pfpbZPZEr0ks+5IHY/CxEvTxUpPdBT4HCjnXlhr+9V/fA6M2TE59PIj+A6YBogbwN4NgraSF4BwFS5eTN+xRjwNIo0FBlLFKXh3h3Wd67egbC2ta2jKVgfKvfuE8UoZamByqPpI8u4zWerxZUq7Mw5OHNheD8MPylxp7hhVAPLl3DvcYhyMc04W58aV33IdYLqtE43JFnNifVGicGdmqHJVATpHwLTtSsHMThcqB1uAxyZyR7RmVJAw1yTKayBz2bpKEPSzSBYHdMEAtdJgXjaGLkJFk8V0imCLDQHNFCrZwAZvlI9sc1sFQyL4yQTBSRW6uQk6Xu7bW7P1CMghnYuAluzmqdNzDwPKNKojAQSDlmlLBJS1HLz3x2Rxdg5gbC/uye3CfWy1rZKltfyU1rI2GSTHYtrPg6W+kTrV7/6xlk6hYgzyD4mbrt7QQBcA5c7Y6CHpYDTcltah3hK3zTwvwdqtepijJPeZSjtDHN5ITRIFiIPAmlG//FSkc5tDFIoN6Z7kwyZV+psZ8WZDw1NDlWc+PnKIMpbiqvyrI984aDiWu8jpXbhLdKGTFve/ncEhbKJ9wofbQKdmDEHXQ0pQ7u+83p+0lwfSKU75dlAYGfnHGPOZXdPqqNDo064SqT4jztpeDfjKoFfHnUjbvS9tdxj8wVJ/X0jLj0V5Y4tegiPpSm2OIhzeBfzISJx3Rswmgd5hmM7gnQMrcsy83g+dnijpHfTtSgK95+Z/zxVf4NNxxyrrxpFiyPB1VxZJb2ikKAQcy2eUQlqybG+u5kQ+XrCu60R12O0fTouxlIX/FEcPBt5mNEvB1lLw3YhrsNn27sctuK5j7W19cePytDVOZJgvaHfx9aOQ+sw47ZoDc1Ga+CG2vE2yeit0JOsW5T4X5H6es7Ul/dmO4/31b0ksvjf08Y3NAAAAAElFTkSuQmCC") no-repeat 50%;background-size: 14px
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionIpt .cb-actionexchangeTip .cb-error {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAEFCu8CAAAABGdBTUEAALGPC/xhBQAAAwtJREFUSA2dVj2LFEEQrepZ/QOaqIleoomBwoIGoomBcLN74if+DBMNRFEMTO5viKDi7Y5gIIhi4MEdmnqJRhopCGbezpT1eqeGntnenduZYKun6r2qqerq6iUqn0k6eIcl42eymgokHmeW6Wv5C0SIonx1sAMbey3ziESGzmuIViBdwr0LInKyVBLl6eCfKvZBYQ9ADs4qA3yVTy6T97UPZObdCmgoyDxNH6r7vzIYnDJ9jWlKyN7rjF2YDRQGUC9ffR6mCKXGPj7XCGDNOEnT68ZOEnct+kGa0u8kGx+sPgAM3YNPWtAzxm7KhGmFs+w79D4kCD6jkMT0IcwM4Fzom2XuULR4FP4DcOwBWSPy7ZixTcfYnryQz23Apt3xePwFSTcNWjVhx3dm9FpV5F6rKkDYXuxik+D3ZzR6YfoZov90oXU19EnoJ7E8S7LsgRFMVkRJ02MotxlmJPNmLxufNb0nSnr5PLrelPMkDoJ2zX7YfQPESH7ztQlCJzg9vrtARDFCY30daYKyu1ysgnXy7Bu6zX/qrKlFI3yzG5Hp0EKilnwlFluH4fZ0sMWsC3SJ49MOrRTFMN3AvsVs6G/H2n8YB02A6o7qOe019XYgfOfAqPv5S7fmQBMYvmPgcvbKN0VFBECGw6t5XjwPwVhr9B1ttROhvkYMDVjDUVHI4702CQI4x/eQftOXvc8ExEEpKH/Zlq45mCdRb0fJFSuJ4aqAOMYF8VZbICUIOb7rHRTyRHuo8mFOQzkNLH0b4x48bw9CYrXWi1Lnxxre9URvaIcMK9uChU065ydaZMMXcDuZ0FSI5XQarnfy0IGEWE5r2u/A7URBLOcvhk70DiS9hBhDVYTuL0VneuPxQpeW4ell+sh36bw7dBlnbVibOn5++/Gj12UbyduZtnDxTS8/3t4bhzdtxPkMjVROmbd6+Gv/Ws2+rNSsdnXaXAynTS2gOfR/Hoifxv+eGWqB1GolJLdsuoTIaMAQgDUObCGyJsTnWOiIDrPDHqNdJ0w/mOSjY97AxdXkNt//A6wbUZsjkiXnAAAAAElFTkSuQmCC") no-repeat 50%;background-size: 14px
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionIpt .cb-actionexchangeTip .cb-exchangeTit {
    float: left;
    margin-left: 6px;
    font-size: 12px
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionIpt .cb-actionexchangeTip .cb-successTit {
    color: #43b034
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionIpt .cb-actionexchangeTip .cb-errorTit {
    color: #fc4c4d
}

.cb-copyPay .cb-copyPayCon .cb-partTwo .cb-offerAction .cb-actionExchangeBtn {
    float: left;
    margin-left: 1px;
    width: 80px;
    height: 33px;
    background: #ffcd34;
    border-radius: 2px;
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 33px;
    cursor: pointer
}

.cb-copyPay .cb-copyPayCon .cb-partThree {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    padding: 28px 0 0 20px
}

.cb-copyPay .cb-copyPayCon .cb-partThree .cb-orderTitle {
    font-size: 16px;
    font-weight: 600;
    color: #383838
}

.cb-copyPay .cb-copyPayCon .cb-partThree .cb-copyType {
    margin-top: 21px
}

.cb-copyPay .cb-copyPayCon .cb-partThree .cb-copyType .cb-copyItem {
    float: left;
    width: 370px;
    height: 140px;
    background: #fff;
    border: 3px solid #e6e3e3;
    border-radius: 4px;
    margin-right: 25px;
    cursor: pointer;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cb-copyPay .cb-copyPayCon .cb-partThree .cb-copyType .cb-copyItem .cb-copyItemOne {
    float: left;
    width: 16px;
    height: 16px;
    border: 1px solid #5e5e5e;
    border-radius: 100px
}

.cb-copyPay .cb-copyPayCon .cb-partThree .cb-copyType .cb-copyItem .cb-copyItemTwo {
    float: left;
    width: 68px;
    height: 64px;
    margin-left: 30px
}

.cb-copyPay .cb-copyPayCon .cb-partThree .cb-copyType .cb-copyItem .cb-ali {
    background: url(../../public/images/offer/cb_ali.png) no-repeat 50%;
    background-size: 64px
}

.cb-copyPay .cb-copyPayCon .cb-partThree .cb-copyType .cb-copyItem .cb-wechat {
    background: url(../../public/images/offer/cb_wechat.png) no-repeat 50%;
    background-size: 68px 60px
}

.cb-copyPay .cb-copyPayCon .cb-partThree .cb-copyType .cb-copyItem .cb-bank {
    background: url(../../public/images/offer/cb_bank.png) no-repeat 50%;
    background-size: 62px 63px
}

.cb-copyPay .cb-copyPayCon .cb-partThree .cb-copyType .cb-copyItem .cb-copyItemThree {
    float: left;
    margin-left: 20px;
    font-size: 18px;
    color: #333;
    font-weight: 600
}

.cb-copyPay .cb-copyPayCon .cb-partThree .cb-copyType .cb-copyItem:last-child {
    margin-right: 0
}

.cb-copyPay .cb-copyPayCon .cb-partThree .cb-copyType .cb-selected {
    border: 3px solid #f3cc47;
    border-radius: 4px
}

.cb-copyPay .cb-copyPayCon .cb-partThree .cb-copyType .cb-selected .cb-copyItemOne {
    background: #4a4a4a;
    border: 4px solid #f9cf55
}

.cb-copyPay .cb-copyPayCon .cb-partThree .cb-paymentPrice {
    float: right;
    width: 100%;
    position: relative;
    margin: 0 auto
}

.cb-copyPay .cb-copyPayCon .cb-partThree .cb-paymentPrice .cb-paymentPriceItem-one {
    position: absolute;
    right: 20px;
    font-size: 14px;
    color: #333
}

.cb-copyPay .cb-copyPayCon .cb-partThree .cb-paymentPrice .cb-paymentPriceItem-two {
    position: absolute;
    right: 20px;
    top: 27px;
    font-size: 14px;
    color: #f35d47
}

.cb-copyPay .cb-copyPayCon .cb-partThree .cb-paymentPrice .cb-paymentPriceItem-three {
    position: absolute;
    right: 20px;
    top: 62px;
    font-size: 22px;
    font-weight: 600;
    color: #333
}

.cb-copyPay .cb-copyPayCon .cb-partThree .cb-paymentPrice .cb-paymentPriceItem-four {
    position: absolute;
    right: 20px;
    top: 124px;
    width: 113px;
    height: 40px;
    background: #f3cc47;
    border-radius: 2px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #333;
    cursor: pointer
}

.cb-copyPay .cb-copyPayCon .cb-partFour {
    margin-top: 10px;
    width: 100%;
    background: #fff;
    padding: 18px 0 33px
}

.cb-copyPay .cb-copyPayCon .cb-partFour .cb-paymentPrice {
    width: 100%;
    margin: 0 auto;
    padding-right: 23px
}

.cb-copyPay .cb-copyPayCon .cb-partFour .cb-paymentPrice .cb-paymentPriceItem-one .cb-allAmountPrice {
    float: right;
    width: 113px;
    text-align: right;
    font-size: 14px;
    color: #333;
    font-weight: 600
}

.cb-copyPay .cb-copyPayCon .cb-partFour .cb-paymentPrice .cb-paymentPriceItem-one .cb-allAmountTit {
    float: right;
    text-align: right;
    font-size: 12px;
    color: #333
}

.cb-copyPay .cb-copyPayCon .cb-partFour .cb-paymentPrice .cb-paymentPriceItem-two {
    margin-top: 11px
}

.cb-copyPay .cb-copyPayCon .cb-partFour .cb-paymentPrice .cb-paymentPriceItem-two .cb-offerAmountPrice {
    float: right;
    width: 113px;
    text-align: right;
    font-size: 14px;
    color: #333;
    font-weight: 600
}

.cb-copyPay .cb-copyPayCon .cb-partFour .cb-paymentPrice .cb-paymentPriceItem-two .cb-offerAmountTit {
    float: right;
    text-align: right;
    font-size: 12px;
    color: #333
}

.cb-copyPay .cb-copyPayCon .cb-partFour .cb-paymentPrice .cb-paymentPriceItem-three {
    margin-top: 11px
}

.cb-copyPay .cb-copyPayCon .cb-partFour .cb-paymentPrice .cb-paymentPriceItem-three .cb-finalAmountPrice {
    float: right;
    width: 113px;
    text-align: right;
    font-size: 22px;
    color: #f35d47;
    font-weight: 600
}

.cb-copyPay .cb-copyPayCon .cb-partFour .cb-paymentPrice .cb-paymentPriceItem-three .cb-finalAmountTit {
    float: right;
    text-align: right;
    font-size: 12px;
    color: #333
}

.cb-copyPay .cb-copyPayCon .cb-partFour .cb-paymentPrice .cb-paymentPriceItem-four {
    margin-top: 32px
}

.cb-copyPay .cb-copyPayCon .cb-partFour .cb-paymentPrice .cb-paymentPriceItem-four span {
    float: right;
    width: 113px;
    height: 40px;
    background: #f3cc47;
    border-radius: 2px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #333;
    cursor: pointer
}

.maskBox {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    position: fixed
}

.af-pageMain,.maskBox {
    left: 0;
    top: 0;
    z-index: 9999999
}

.af-pageMain {
    width: 960px;
    height: 560px;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: auto;
    overflow: hidden
}

.af-pageMain .af-closeIcon {
    width: 16px;
    float: right;
    height: 16px;
    margin: 24px 24px 0 0;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplY2U1MTBjYS1jNzhiLTQ2N2YtYWIxYS1lODA3ZTIzNmVkZmYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzhBOEI3NDdEOEQ1MTFFOEIwQzFCMUEyODkzMEJGMjgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzhBOEI3NDZEOEQ1MTFFOEIwQzFCMUEyODkzMEJGMjgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjczOTJERjNENUE4MTFFOEE2QkM5REQwNDNCQ0IzMzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjczOTJERjRENUE4MTFFOEE2QkM5REQwNDNCQ0IzMzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5tBf8sAAABsElEQVR42pyVS0tCQRiGx4rU3FV2kSJblBGBixIiCMmMfkD7fkBRIRTaDSEqguoHtIg2bVt2I1p2/QttMooiiMRFZZb1jrzKdNLj8XzwLM6Z4zsPM9+MQgjhAOfgGFQLc1UBJsAdqJcvGsET+AGnoNVE4CJIgyTwZQfawAuDz0owLgNj4JusaD8YBI8MPjFgXAlmGSYNV7mU/8oD4gy+ADU6oePgi6FLwKJnEAD3XCO5eS2acSuIKIZrhQzVkjN2KcaXoE4ZnwSftIyC8lJ2dYAtIo0PQTsIK4brRgzzGfeABI2fwQdIgXm2kukaBq8MluwCe7E+K1ZeUKU8dxbpCt2yc5fT3Jg9EOPzAXCZCZ0B7wyc4yR9ylJcg+ZSDKe5yzJwE9iU8V4ay+Aj0GAkNKwxtOXZh37F+Aq4C4XJH4domKKhVWfybvZx1tiZ76MI+zDJPrQb6GO/cvL+GMsmnqKhPHobvIGMlpd3RfZ2y8i4eWqk4YKmJ3O1szwkvJ7aQsZBZsh2C1r4Upq+gW0aZ8rldAi/r0lsRQO5hJtYXIyE9sXtQ0Ib3gFG5b/ArwADAGTqc2RyfHJQAAAAAElFTkSuQmCC") no-repeat 50%;cursor: pointer
}

.af-pageMain .af-copySuccessIcon {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    margin-top: 70px
}

.af-pageMain .af-copySuccessIcon img {
    max-height: 100%;
    max-width: 100%
}

.af-pageMain .af-copySuccessText {
    width: 121px;
    height: 42px;
    font-size: 30px;
    color: #000;
    letter-spacing: .09px;
    text-align: center;
    margin: 0 auto;
    margin-top: 22px;
    line-height: 42px
}

.af-pageMain .af-openPackage {
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin: 0 auto;
    margin-top: 15px;
    font-size: 18px;
    color: #000;
    letter-spacing: .05px
}

.af-pageMain .af-applyButton {
    width: 174px;
    height: 56px;
    margin: 0 auto;
    margin-top: 73px
}

.af-pageMain .af-applyButton>span {
    background: #f3cc47;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(178,140,19,.5);
    box-shadow: 0 2px 4px 0 rgba(178,140,19,.5)
}

.af-pageMain .af-applyButton>span,.af-pageMain .af-rightNow {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -moz-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.af-pageMain .af-rightNow a {
    display: block;
    float: none
}

.af-pageMain .af-questionResolve {
    width: 381px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    font-size: 14px;
    color: #9b9b9b;
    letter-spacing: .04px;
    margin: 0 auto;
    margin-top: 95px
}

.af-collectHeader {
    margin: 45px 80px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.af-collectHeader .af-collectTitle {
    margin: 0;
    font-size: 30px;
    color: #000;
    letter-spacing: .08px
}

.af-collectHeader .af-inputs {
    border-radius: 2px;
    border: 1px solid #e0e0e0;
    width: 222px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.af-collectHeader .af-inputs input {
    font-size: 14px;
    color: #a3a3a3;
    line-height: 40px;
    padding-left: 10px;
    border: none;
    outline: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.af-collectHeader .af-inputs img {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    cursor: pointer
}

.af-collectTitle {
    margin: 47px 0 0 80px;
    font-size: 30px;
    color: #000;
    letter-spacing: .08px
}

.af-collectCon {
    width: 800px;
    margin: 20px auto 0;
    height: 326px;
    overflow: hidden;
    border-top: 1px solid #cdcdcd;
    overflow-y: auto
}

.af-collectCon li {
    padding: 10px 0;
    cursor: pointer
}

.af-collectCon li:hover {
    background: #fafafa
}

.af-collectAdd {
    width: 100%;
    height: 112px;
    padding: 20px 0;
    background: #f9f9f9;
    margin-top: 10px
}

.af-collectAdd .af-collectAdd-con {
    width: 800px;
    margin: 0 auto;
    height: 42px;
    position: relative
}

.af-collectAdd .af-collectAdd-con input {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 2px;
    border: none;
    text-indent: 10px
}

.af-collectAdd .af-collectAdd-con .af-addBtn {
    width: 160px;
    height: 42px;
    background: #f3cc47;
    -webkit-box-shadow: 0 2px 4px 0 rgba(178,140,19,.5);
    box-shadow: 0 2px 4px 0 rgba(178,140,19,.5);
    border-radius: 2px;
    text-align: center;
    line-height: 42px;
    position: absolute;
    right: 0;
    top: 0
}

.af-newCollectCon {
    width: 800px;
    margin: 50px auto 60px
}

.af-newCollectCon .af-newCollectTitle {
    width: 100%;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    position: relative
}

.af-newCollectCon .af-newCollectTitle .red_border {
    border-color: #e71d36
}

.af-newCollectCon .af-newCollectTitle .error-text {
    position: absolute;
    top: -24px;
    color: #e71d36
}

.af-newCollectCon .af-newCollectTitle input {
    width: 100%;
    height: 100%;
    border: none;
    text-indent: 15px
}

.af-newCollectCon .af-newCollectTitle input::-webkit-input-placeholder {
    font-size: 14px;
    color: #5e5e5e
}

.af-newCollectCon .af-newCollectTitle input:-moz-placeholder,.af-newCollectCon .af-newCollectTitle input::-moz-placeholder {
    font-size: 14px;
    color: #5e5e5e
}

.af-newCollectCon .af-newCollectTitle input:-ms-input-placeholder {
    font-size: 14px;
    color: #5e5e5e
}

.af-newCollectCon .af-newCollectMain textarea {
    width: 100%;
    margin-top: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 160px;
    max-height: 200px;
    border: none;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 15px 0 0 15px
}

.af-newCollectCon .af-newCollectMain textarea::-webkit-input-placeholder {
    font-size: 14px;
    color: #5e5e5e
}

.af-newCollectCon .af-newCollectMain textarea:-moz-placeholder,.af-newCollectCon .af-newCollectMain textarea::-moz-placeholder {
    font-size: 14px;
    color: #5e5e5e
}

.af-newCollectCon .af-newCollectMain textarea:-ms-input-placeholder {
    font-size: 14px;
    color: #5e5e5e
}

.af-confirmBtn {
    width: 800px;
    margin: 0 auto
}

.af-confirmBtn a {
    display: block;
    width: 160px;
    height: 42px;
    margin: 0 auto;
    background: #f3cc47;
    -webkit-box-shadow: 0 2px 4px 0 rgba(178,140,19,.5);
    box-shadow: 0 2px 4px 0 rgba(178,140,19,.5);
    border-radius: 2px;
    text-align: center;
    line-height: 42px
}

.af-reportCon {
    width: 560px;
    margin: 0 auto;
    margin-top: 30px;
    overflow: hidden;
    padding-bottom: 20px
}

.af-reportCon .af-reportReason-left {
    float: left;
    width: 320px;
    height: 217px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -moz-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.af-reportCon .af-reportReason-left img {
    max-width: 100%;
    max-height: 100%
}

.af-reportCon .af-reportReason-right {
    float: left;
    height: 217px;
    margin-left: 48px
}

.af-reportCon .af-reportReason-right li {
    margin-bottom: 30px;
    cursor: pointer
}

.af-reportCon .af-reportReason-right li span.af-selectIcon {
    display: inline-block;
    width: 18px;
    height: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #979797;
    border-radius: 50%;
    vertical-align: middle;
    cursor: pointer
}

.af-reportCon .af-reportReason-right li span.af-desText {
    margin-left: 25px;
    font-size: 14px;
    color: #4a4a4a
}

.af-reportCon .af-reportReason-right li span.af-selected {
    background: #4a4a4a;
    border: 4px solid #f9cf55;
    border-radius: 10px
}

.af-reportMessage textarea {
    margin-top: 30px;
    width: 100%;
    padding: 15px;
    height: 96px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #c9c9c9
}

.af-reportCon p.af-dengetLimit {
    height: 30px;
    font-size: 14px;
    color: #d53533;
    text-align: right;
    line-height: 30px
}

.drill-tips {
    color: #fa5f5f;
    text-align: center;
    font-size: 16px;
    margin: 15px 0
}

.af-sumitBtn {
    width: 560px;
    height: 42px;
    margin: 0 auto
}

.af-sumitBtn input {
    width: 100%;
    height: 100%;
    background: #f3cc47;
    -webkit-box-shadow: 0 2px 4px 0 rgba(178,140,19,.5);
    box-shadow: 0 2px 4px 0 rgba(178,140,19,.5);
    border-radius: 2px;
    text-align: center;
    line-height: 42px;
    border: none;
    outline: none;
    cursor: pointer
}

#myOrderPop {
    width: 720px;
    height: 600px;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 9999999
}

#myOrderPop .ah-cancelButton {
    height: 16px;
    margin: 14px
}

#myOrderPop .ah-cancelButton a {
    float: right;
    width: 16px;
    height: 16px
}

#myOrderPop .ah-cancelButton a img {
    max-width: 100%;
    max-height: 100%
}

#myOrderPop .ah-needInvoice {
    height: 26px;
    margin-top: 10px
}

#myOrderPop .ah-needInvoice h2 {
    height: 26px;
    font-size: 20px;
    color: #333;
    line-height: 26px;
    text-align: center;
    font-weight: 600!important
}

#myOrderPop .ah-choiceOrderList {
    width: 574px;
    height: 394px;
    overflow: auto;
    background: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    margin: 0 auto;
    margin-top: 25px;
    padding: 0 26px
}

#myOrderPop .ah-choiceOrderList .ah-orderListInfo li {
    height: 97px;
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden
}

#myOrderPop .ah-choiceOrderList .ah-orderListInfo li div.ah-infoLiTa {
    height: 97px;
    float: left
}

#myOrderPop .ah-choiceOrderList .ah-orderListInfo li div.ah-orderInfoRight {
    float: right;
    font-size: 14px;
    color: #424242;
    line-height: 97px;
    font-weight: 600
}

#myOrderPop .ah-choiceOrderList .ah-orderListInfo li div.ah-orderInfoLeft span {
    display: block;
    width: 18px;
    height: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #a3a3a3;
    border-radius: 1px;
    margin: 38px 0;
    cursor: pointer
}

#myOrderPop .ah-choiceOrderList .ah-orderListInfo li div.ah-orderInfoLeft span.ah-selected {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAAGWB6gOAAAAAXNSR0IArs4c6QAAAzVJREFUWAnNl81rFDEYxt/ZKtVKERWKsotQqYfKggcv6kUrKLbg4kEQFEEp4kWRgoIfePaiB/XowYp/gBShhxXWetGCghb8AnXFdpXi56G1tNB1zJPyZpPZmUxmd6zuYfPOmye/PMnMJBnPf7m/l/zqMGm/TDCBugz+bt0dR0Fe/t5C6b/Y53NCxDIplYg4IQWslBLxp1RIHBh4Sku4BnA0lQq+QKVMWKGM0EujI70CaB6I0bku0rtTIj2pixF7olJOSbCidu1VIj3VRH4uUvSmPKV0oSIIugsjanRKlNt1X7ZkAS54MHJ01+6U6dOXWYIQpS5ALEWnj2yg+apPZ668qhMgYUzBh8oMdebapFD/U56QDBMgb5CQaPRn9NYoBO0SgzDV/KTtOf5Y9a0eJpWJCPR7xZLizW0c1t4bZG4PTdDRi89lZbZjGVVKuykMwDddUURQN9lXB9+re6wLEYcBWFMH4oqHT77RzmMLc2ADsD4SxALXUtw1r+IqtumEo8KEGH3OJoqt81r6hKMmIehFLNyJH8god/8WtKnwgGbnqoa5xI7W7SjS6/I0Ld8ybMASgQCZ/D6nnAyVJlXsDApCblzI08HebDQoIzajd+O/lABBGOTkoU5DYzgCBHvPxr6SgrlAQDTWI30DA2ztmlZjTq6fz1PQCdsyHAXfcn1iATl12BwOQ1AaICSCMOTiINDUgZAErL2tBaETBDrrejQ69pO2bl4FXewv1BG3coVAbwUx0KVMCeRV0lkhXSw7aeRZK4WV1qkzF5HlXOfS/G9oUrr36VlbFEM4FmFx1A9nwR2Ih2R98VnUaAkjPeJUpK+NOutcfxddHujWU+ZqbdQ0cRFnBGhsZGErv7F9RHl4+3GaOla30sr2pVESmW/GCIOthvAd239pTG6WaICj8sjgdupav4Lby9LFiMsOBFjkM5TtKdLnr7UDh+6Ajc3P/7Y+I2gTdWt0nh5HGoLIdvbXIWGx64wE21oNsTiJsUaNcF9OhlgMY2fFF7F+duK6Zo0wJ5EhbvTo2Q/ae2KUpmaqzicdbhtXNmQoDtpM/aJsHUkM/oeGxOdnWt/DSWaiXiu+yYWXP8L/XgpYkzFsAAAAAElFTkSuQmCC") no-repeat 50%;border: none;
    background-size: 18px
}

#myOrderPop .ah-choiceOrderList .ah-orderListInfo li div.ah-orderInfoMiddle {
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom: 15px
}

#myOrderPop .ah-choiceOrderList .ah-orderListInfo li div.ah-orderInfoMiddle p {
    margin: 0;
    font-size: 14px;
    color: #333;
    line-height: 22px
}

#myOrderPop .ah-InvoiceList-submit {
    display: block;
    padding: 30px 0
}

#myOrderPop .ah-InvoiceList-submit span {
    width: 160px;
    height: 42px;
    display: block;
    margin: 0 auto;
    text-align: center;
    line-height: 42px;
    background: #ffd44d;
    border-radius: 2px;
    font-size: 16px;
    color: #000
}

#upLoadLicenePop {
    width: 720px;
    height: 360px;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 9999999
}

#upLoadLicenePop .ah-cancelButton {
    height: 16px;
    margin: 14px
}

#upLoadLicenePop .ah-cancelButton a {
    float: right;
    width: 16px;
    height: 16px
}

#upLoadLicenePop .ah-cancelButton a img {
    max-width: 100%;
    max-height: 100%
}

#upLoadLicenePop .ah-needInvoice {
    height: 26px;
    margin-top: 10px
}

#upLoadLicenePop .ah-needInvoice h2 {
    height: 26px;
    font-size: 20px;
    color: #333;
    line-height: 26px;
    text-align: center;
    font-weight: 600!important
}

#upLoadLicenePop .ah-loadLicenseText {
    width: 420px;
    height: 38px;
    margin: 0 auto;
    margin-top: 22px;
    text-align: center;
    line-height: 19px;
    font-size: 14px;
    color: #5e5e5e
}

#upLoadLicenePop .ah-addMaterials {
    width: 160px;
    height: 42px;
    margin: 42px auto 0;
    background: #ffd44d;
    border-radius: 2px;
    cursor: pointer
}

#upLoadLicenePop .ah-addMaterials input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background: none;
    text-align: center;
    line-height: 42px;
    font-size: 16px;
    color: #000
}

#offlinepayPop {
    width: 720px;
    height: 340px;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 9999999
}

#offlinepayPop .ah-cancelButton {
    height: 16px;
    margin: 14px
}

#offlinepayPop .ah-cancelButton img {
    max-width: 100%;
    max-height: 100%;
    float: right;
    width: 16px;
    height: 16px;
    cursor: pointer
}

#offlinepayPop .ah-needInvoice {
    height: 26px;
    margin-top: 10px
}

#offlinepayPop .ah-needInvoice h2 {
    height: 26px;
    font-size: 20px;
    color: #333;
    line-height: 26px;
    text-align: center;
    font-weight: 600!important
}

#offlinepayPop .ah-corporateInfo {
    width: 252px;
    margin: 0 auto;
    margin-top: 17px
}

#offlinepayPop .ah-corporateInfo p {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #5e5e5e;
    text-align: left
}

#favoritesEditPop {
    width: 720px;
    height: 500px;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 9999999
}

#favoritesEditPop .ah-cancelButton {
    height: 16px;
    margin: 14px
}

#favoritesEditPop .ah-cancelButton a {
    float: right;
    width: 16px;
    height: 16px
}

#favoritesEditPop .ah-cancelButton a img {
    max-width: 100%;
    max-height: 100%
}

#favoritesEditPop .ah-needInvoice {
    height: 26px;
    margin-top: 10px
}

#favoritesEditPop .ah-needInvoice h2 {
    height: 26px;
    font-size: 20px;
    color: #333;
    line-height: 26px;
    text-align: center;
    font-weight: 600!important
}

#favoritesEditPop .ah-favoritesEditIpt {
    width: 600px;
    margin: 0 auto;
    margin-top: 3px
}

#favoritesEditPop .ah-favoritesEditIpt .ah-favoritesNameIpt .ah-favoritestip {
    height: 40px;
    background: #eb3f0d;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    visibility: hidden
}

#favoritesEditPop .ah-favoritesEditIpt .ah-favoritesNameIpt input#ah-favoritesInputbox {
    width: 600px;
    height: 50px;
    text-indent: 15px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    outline: none;
    font-size: 14px;
    color: #424242;
    letter-spacing: .04px
}

#favoritesEditPop .ah-favoritesEditIpt .ah-favoritesNameIpt input#ah-favoritesInputbox::-webkit-input-placeholder {
    font-size: 14px;
    color: #a3a3a3;
    letter-spacing: .04px
}

#favoritesEditPop .ah-favoritesEditIpt .ah-favoritesNameIpt input#ah-favoritesInputbox:-moz-placeholder,#favoritesEditPop .ah-favoritesEditIpt .ah-favoritesNameIpt input#ah-favoritesInputbox::-moz-placeholder {
    font-size: 14px;
    color: #a3a3a3;
    letter-spacing: .04px
}

#favoritesEditPop .ah-favoritesEditIpt .ah-favoritesNameIpt input#ah-favoritesInputbox:-ms-input-placeholder {
    font-size: 14px;
    color: #a3a3a3;
    letter-spacing: .04px
}

#favoritesEditPop .ah-favoritesEditIpt .ah-favoritesNameIpt .ah-favoritesNullIcon {
    display: none
}

#favoritesEditPop .ah-favoritesEditIpt .ah-showNullTip {
    position: relative
}

#favoritesEditPop .ah-favoritesEditIpt .ah-showNullTip .ah-favoritestip {
    visibility: visible
}

#favoritesEditPop .ah-favoritesEditIpt .ah-showNullTip input#ah-favoritesInputbox {
    border: 1px solid #e71d36
}

#favoritesEditPop .ah-favoritesEditIpt .ah-showNullTip input#ah-favoritesInputbox::-webkit-input-placeholder {
    font-size: 14px;
    color: #e71d36;
    letter-spacing: .04px
}

#favoritesEditPop .ah-favoritesEditIpt .ah-showNullTip input#ah-favoritesInputbox:-moz-placeholder,#favoritesEditPop .ah-favoritesEditIpt .ah-showNullTip input#ah-favoritesInputbox::-moz-placeholder {
    font-size: 14px;
    color: #e71d36;
    letter-spacing: .04px
}

#favoritesEditPop .ah-favoritesEditIpt .ah-showNullTip input#ah-favoritesInputbox:-ms-input-placeholder {
    font-size: 14px;
    color: #e71d36;
    letter-spacing: .04px
}

#favoritesEditPop .ah-favoritesEditIpt .ah-showNullTip .ah-favoritesNullIcon {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #e71d36;
    position: absolute;
    right: 20px;
    bottom: 16px;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
    color: #fff
}

#favoritesEditPop .ah-favoritesEditIpt .ah-favoritesDes {
    margin-top: 20px
}

#favoritesEditPop .ah-favoritesEditIpt .ah-favoritesDes textarea {
    width: 600px;
    height: 160px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding-top: 15px;
    text-indent: 15px;
    outline: none;
    font-size: 14px;
    color: #424242;
    letter-spacing: .04px
}

#favoritesEditPop .ah-favoritesEditIpt .ah-favoritesDes textarea::-webkit-input-placeholder {
    font-size: 14px;
    color: #a3a3a3;
    letter-spacing: .04px
}

#favoritesEditPop .ah-favoritesEditIpt .ah-favoritesDes textarea:-moz-placeholder,#favoritesEditPop .ah-favoritesEditIpt .ah-favoritesDes textarea::-moz-placeholder {
    font-size: 14px;
    color: #a3a3a3;
    letter-spacing: .04px
}

#favoritesEditPop .ah-favoritesEditIpt .ah-favoritesDes textarea:-ms-input-placeholder {
    font-size: 14px;
    color: #a3a3a3;
    letter-spacing: .04px
}

#favoritesEditPop .ah-favoritesEditIpt .ah-confirmBtn {
    width: 160px;
    height: 42px;
    margin: 0 auto;
    margin-top: 40px;
    cursor: pointer
}

#favoritesEditPop .ah-favoritesEditIpt .ah-confirmBtn input {
    width: 160px;
    height: 42px;
    background: #ffd44d;
    -webkit-box-shadow: 0 2px 4px 0 rgba(178,140,19,.5);
    box-shadow: 0 2px 4px 0 rgba(178,140,19,.5);
    border: none;
    outline: none;
    font-size: 16px;
    color: #000;
    cursor: pointer
}

.confirm-dial {
    width: 460px;
    height: 300px;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 9999999
}

.confirm-dial .ah-cancelButton {
    height: 16px;
    margin: 14px;
    margin-bottom: 33px
}

.confirm-dial .ah-cancelButton a {
    float: right;
    width: 16px;
    height: 16px
}

.confirm-dial .ah-cancelButton a img {
    max-width: 100%;
    max-height: 100%
}

.confirm-dial .ah-needInvoice {
    min-height: 10px
}

.confirm-dial .ah-needInvoice h2 {
    text-align: center;
    font-weight: 600!important;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    line-height: 24px
}

.confirm-dial .cb-copyTitle {
    height: 39px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.confirm-dial .cb-copyTitle .cb-copyIcon {
    float: left;
    width: 38px;
    height: 39px
}

.confirm-dial .cb-copyTitle .cb-ali {
    background: url(../../public/images/offer/cb_ali.png) no-repeat 50%;
    background-size: 100%
}

.confirm-dial .cb-copyTitle .cb-wechat {
    background: url(../../public/images/offer/cb_wechat.png) no-repeat 50%;
    background-size: 100%
}

.confirm-dial .cb-copyTitle .cb-copyTit {
    float: left;
    margin-left: 16px;
    font-size: 18px;
    color: #333;
    font-weight: 600
}

.confirm-dial .cb-ercodeImg {
    width: 295px;
    height: 294px;
    margin: 12px auto 0
}

.confirm-dial .cb-ercodeImg img {
    width: 100%;
    height: 100%
}

.confirm-dial .ah-deleteTipCon {
    margin-top: 22px
}

.confirm-dial .ah-deleteTipCon p {
    font-size: 14px;
    color: #5e5e5e;
    text-align: center;
    line-height: 26px
}

.confirm-dial .ah-deleteTipCon .special-font {
    font-size: 16px;
    font-weight: 700!important;
    color: #333
}

.confirm-dial .ah-deleteTipCon .special-font:last-child {
    margin-bottom: 37px
}

.confirm-dial .ah-confirmBtn {
    width: 160px;
    height: 42px;
    margin: 0 auto;
    margin-top: 27px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.confirm-dial .ah-confirmBtn input {
    width: 85px!important;
    height: 40px;
    background: #facb11;
    border-radius: 4px;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    line-height: 19px
}

.confirm-dial .ah-confirmBtn input:first-child {
    margin-right: 20px
}

.confirm-dial .ah-downLoadConfirm {
    width: 340px
}

.confirm-dial .ah-downLoadConfirm input {
    float: left;
    width: 140px
}

.confirm-dial .ah-downLoadConfirm input:first-child {
    background: none;
    border: 1px solid #333
}

.confirm-dial .ah-downLoadConfirm input:last-child {
    float: right
}

.goPurcase {
    height: 230px
}

.af-closeIcon {
    width: 16px;
    float: right;
    height: 16px;
    margin: 24px 24px 0 0;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplY2U1MTBjYS1jNzhiLTQ2N2YtYWIxYS1lODA3ZTIzNmVkZmYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzhBOEI3NDdEOEQ1MTFFOEIwQzFCMUEyODkzMEJGMjgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzhBOEI3NDZEOEQ1MTFFOEIwQzFCMUEyODkzMEJGMjgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjczOTJERjNENUE4MTFFOEE2QkM5REQwNDNCQ0IzMzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjczOTJERjRENUE4MTFFOEE2QkM5REQwNDNCQ0IzMzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5tBf8sAAABsElEQVR42pyVS0tCQRiGx4rU3FV2kSJblBGBixIiCMmMfkD7fkBRIRTaDSEqguoHtIg2bVt2I1p2/QttMooiiMRFZZb1jrzKdNLj8XzwLM6Z4zsPM9+MQgjhAOfgGFQLc1UBJsAdqJcvGsET+AGnoNVE4CJIgyTwZQfawAuDz0owLgNj4JusaD8YBI8MPjFgXAlmGSYNV7mU/8oD4gy+ADU6oePgi6FLwKJnEAD3XCO5eS2acSuIKIZrhQzVkjN2KcaXoE4ZnwSftIyC8lJ2dYAtIo0PQTsIK4brRgzzGfeABI2fwQdIgXm2kukaBq8MluwCe7E+K1ZeUKU8dxbpCt2yc5fT3Jg9EOPzAXCZCZ0B7wyc4yR9ylJcg+ZSDKe5yzJwE9iU8V4ay+Aj0GAkNKwxtOXZh37F+Aq4C4XJH4domKKhVWfybvZx1tiZ76MI+zDJPrQb6GO/cvL+GMsmnqKhPHobvIGMlpd3RfZ2y8i4eWqk4YKmJ3O1szwkvJ7aQsZBZsh2C1r4Upq+gW0aZ8rldAi/r0lsRQO5hJtYXIyE9sXtQ0Ib3gFG5b/ArwADAGTqc2RyfHJQAAAAAElFTkSuQmCC") no-repeat 50%;cursor: pointer
}

.operAuth {
    width: 960px;
    height: 560px;
    background: #fff;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
    overflow: hidden
}

.operAuth .operAuth-title {
    font-size: 30px;
    color: #333;
    line-height: 40px;
    margin: 45px 80px 0
}

.operAuth .auth-list {
    width: 800px;
    margin: 20px auto 0;
    height: 326px;
    overflow: hidden;
    border-top: 1px solid #cdcdcd;
    overflow-y: auto;
    padding-top: 10px
}

.operAuth .auth-list li {
    padding: 10px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.operAuth .auth-list li.selected {
    background: #f3f3f3
}

.operAuth .auth-list li p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.operAuth .auth-list li img {
    display: none;
    width: 13px
}

.operAuth .confirm {
    width: 100%;
    height: 112px;
    background: #f9f9f9;
    margin-top: 10px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.operAuth .confirm span {
    display: inline-block;
    text-align: center;
    width: 114px;
    height: 42px;
    background: #f3cc47;
    -webkit-box-shadow: 0 2px 4px 0 #f3cc47;
    box-shadow: 0 2px 4px 0 #f3cc47;
    border-radius: 2px;
    font-size: 14px;
    color: #333;
    line-height: 42px;
    cursor: pointer
}

.cb-bankAccont {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 650px;
    height: 457px;
    background: #f6f6f6;
    border-radius: 3px;
    padding: 26px 0 0 42px
}

.cb-bankAccont .cb-closeIcon {
    position: absolute;
    right: 5px;
    top: 10px;
    width: 16px;
    height: 16px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAAAXNSR0IArs4c6QAAAvFJREFUWAmtVz+veUEQHdev1OopfAKdTidESa3WkfcB9IRPQF73PoBIRKNR6hUanUJL5Enwc1bOZve6e//wJnFn7+zMmbOzswvZbrd3UwQv1WpV2aCVwTS+eKSu1+vd8zyBTCYTERjw6ff7CkeF4AVGiHCGnioE6eih3B4POFo04AADJ+j4TP9gMBwOFZNut6v07XZTWsbjsV4Zo6CJKM1m07Rb43a7ffeOx6PUarUnnPGELZ/Piy4NCFJIFu8pPBBoopTLZfn6+lJ42sF0ms1mahIPvUwgIBJiomkOLDFSggM5pTAwcyoIAyXVaDTup9NJ2afTqXBv6RikB4OBLJdLNaUWgbLX63Xt6wIyA8nKqoILKCiQ2SwAGv1AsDMjfah1mWmAZmeZNqxZd5gxYTFwUfUzMmukAFyBRiI1DAJKoWV3u51zjX4QvFtAAMChSSI4TDhHuFfS2Wy2t9lsZL/fS6lUCkpo2Zj9crnIarUSjw2OKqMWYcJg+vz8/Eh6sVj0kB11wMfFxB/MnVB9gMMZxsQVDCa6kVwgYcEA+IcHhdcE6oEPhBpj0saYYnUijWZj0RYUjDm9BDpC83alDfVx3RMvAP41AyRsiy0AfzBoh+0OwDVAUDBou3YHwRAF4Ap+ukgoiBcVHAWSXq/XPTq5torzOGxm2//+/kq6UCgogKjgIJDz+Sz6QqEDqo4+cO07/ZJqlAp3rdnZuVxOvGKxaGHBAd8x6GYEfSrAABYwzeTARW51lILYMfG7FYmLaZ3luEEkF6STYlgECJgUBHHvxCAukAAmIHFA4edvLtggcbYvlMATJpwIfUwdJzH9YxGgc1hF4JMkMTH1ZUqDS0clRxyOGbYDvnElsgJhibFiiP98wxa3Gk4CUYnN2zKJL8iZ8kLgE7B3YjWBd4LNlZjjJFjqT+cn59hM7B/HIWL9SyJA3Aaif5R2EclkMpLCT+zRaCSHw0EqlYq0Wq0//yomQRD5/v6W+Xwuj1/10ul05D+dPpPVhngXawAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 16px;
    cursor: pointer
}

.cb-bankAccont .cb-bankTitle {
    font-size: 18px;
    font-weight: 600;
    color: #333
}

.cb-bankAccont .cb-transerProcess {
    margin-top: 17px;
    width: 584px;
    height: 250px;
    background: #fff;
    border: 1px solid hsla(0,2%,88%,.89);
    border-radius: 4px;
    padding: 14px 0 0 22px
}

.cb-bankAccont .cb-transerProcess .cb-processLeft {
    float: left;
    height: 184px;
    border-left: 1px dashed #ffd44d;
    margin-top: 6px;
    position: relative
}

.cb-bankAccont .cb-transerProcess .cb-processLeft .cb-navBall {
    position: absolute;
    left: -4.5px;
    width: 9px;
    height: 9px;
    background: #ffd44d;
    border-radius: 100px
}

.cb-bankAccont .cb-transerProcess .cb-processRight {
    float: left;
    margin-left: 12px
}

.cb-bankAccont .cb-transerProcess .cb-processRight .cb-processDetail .cb-proTitle {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 12px
}

.cb-bankAccont .cb-transerProcess .cb-processRight .cb-processDetail .cb-proItem {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.cb-bankAccont .cb-transerProcess .cb-processRight .cb-processDetail .cb-proItem .cb-bullet {
    float: left;
    margin-left: 8px;
    width: 4px;
    height: 4px;
    background: #2e2e2e;
    border-radius: 100%
}

.cb-bankAccont .cb-transerProcess .cb-processRight .cb-processDetail .cb-proItem .cb-listTitle {
    float: left;
    margin-left: 9px;
    font-size: 14px;
    color: #333;
    line-height: 19px
}

.cb-bankAccont .cb-transerProcess .cb-processRight .cb-processDetail .cb-proItem .cb-listConTit {
    float: left;
    font-size: 14px;
    color: #2a2a2a;
    line-height: 19px
}

.cb-bankAccont .cb-transerProcess .cb-processRight .cb-processDetail .cb-proItem:last-child {
    margin-bottom: 0
}

.cb-bankAccont .cb-tips {
    margin-top: 10px;
    width: 584px;
    height: 31px;
    background: #fff;
    border: 1px solid hsla(0,2%,88%,.89);
    border-radius: 4px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cb-bankAccont .cb-tips .cb-errorIcon {
    float: left;
    width: 14px;
    height: 14px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAEFCu8CAAAABGdBTUEAALGPC/xhBQAAAwtJREFUSA2dVj2LFEEQrepZ/QOaqIleoomBwoIGoomBcLN74if+DBMNRFEMTO5viKDi7Y5gIIhi4MEdmnqJRhopCGbezpT1eqeGntnenduZYKun6r2qqerq6iUqn0k6eIcl42eymgokHmeW6Wv5C0SIonx1sAMbey3ziESGzmuIViBdwr0LInKyVBLl6eCfKvZBYQ9ADs4qA3yVTy6T97UPZObdCmgoyDxNH6r7vzIYnDJ9jWlKyN7rjF2YDRQGUC9ffR6mCKXGPj7XCGDNOEnT68ZOEnct+kGa0u8kGx+sPgAM3YNPWtAzxm7KhGmFs+w79D4kCD6jkMT0IcwM4Fzom2XuULR4FP4DcOwBWSPy7ZixTcfYnryQz23Apt3xePwFSTcNWjVhx3dm9FpV5F6rKkDYXuxik+D3ZzR6YfoZov90oXU19EnoJ7E8S7LsgRFMVkRJ02MotxlmJPNmLxufNb0nSnr5PLrelPMkDoJ2zX7YfQPESH7ztQlCJzg9vrtARDFCY30daYKyu1ysgnXy7Bu6zX/qrKlFI3yzG5Hp0EKilnwlFluH4fZ0sMWsC3SJ49MOrRTFMN3AvsVs6G/H2n8YB02A6o7qOe019XYgfOfAqPv5S7fmQBMYvmPgcvbKN0VFBECGw6t5XjwPwVhr9B1ttROhvkYMDVjDUVHI4702CQI4x/eQftOXvc8ExEEpKH/Zlq45mCdRb0fJFSuJ4aqAOMYF8VZbICUIOb7rHRTyRHuo8mFOQzkNLH0b4x48bw9CYrXWi1Lnxxre9URvaIcMK9uChU065ydaZMMXcDuZ0FSI5XQarnfy0IGEWE5r2u/A7URBLOcvhk70DiS9hBhDVYTuL0VneuPxQpeW4ell+sh36bw7dBlnbVibOn5++/Gj12UbyduZtnDxTS8/3t4bhzdtxPkMjVROmbd6+Gv/Ws2+rNSsdnXaXAynTS2gOfR/Hoifxv+eGWqB1GolJLdsuoTIaMAQgDUObCGyJsTnWOiIDrPDHqNdJ0w/mOSjY97AxdXkNt//A6wbUZsjkiXnAAAAAElFTkSuQmCC") no-repeat 50%;background-size: 14px
}

.cb-bankAccont .cb-tips .cb-tipTit {
    float: left;
    margin-left: 7px;
    font-size: 12px;
    color: #333
}

.cb-bankAccont .cb-tips .cb-tipTit .cb-ali {
    font-weight: 600;
    cursor: pointer;
    color: #3690ff
}

.cb-bankAccont .cb-tips .cb-tipTit .cb-wechat {
    font-weight: 600;
    cursor: pointer;
    color: #42d00d
}

.cb-bankAccont .cb-confirmBtn {
    width: 160px;
    height: 42px;
    background: #ffd44d;
    border-radius: 2px;
    margin: 0 auto;
    margin-top: 28px;
    text-align: center;
    line-height: 42px;
    font-size: 16px;
    color: #000;
    cursor: pointer
}

.dc-copyVictoryCon {
    width: 460px;
    height: 300px;
    background: #fff;
    border-radius: 4px
}

.dc-copyVictoryCon .dc-closeIcon {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 16px;
    height: 16px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAAAXNSR0IArs4c6QAAAvFJREFUWAmtVz+veUEQHdev1OopfAKdTidESa3WkfcB9IRPQF73PoBIRKNR6hUanUJL5Enwc1bOZve6e//wJnFn7+zMmbOzswvZbrd3UwQv1WpV2aCVwTS+eKSu1+vd8zyBTCYTERjw6ff7CkeF4AVGiHCGnioE6eih3B4POFo04AADJ+j4TP9gMBwOFZNut6v07XZTWsbjsV4Zo6CJKM1m07Rb43a7ffeOx6PUarUnnPGELZ/Piy4NCFJIFu8pPBBoopTLZfn6+lJ42sF0ms1mahIPvUwgIBJiomkOLDFSggM5pTAwcyoIAyXVaDTup9NJ2afTqXBv6RikB4OBLJdLNaUWgbLX63Xt6wIyA8nKqoILKCiQ2SwAGv1AsDMjfah1mWmAZmeZNqxZd5gxYTFwUfUzMmukAFyBRiI1DAJKoWV3u51zjX4QvFtAAMChSSI4TDhHuFfS2Wy2t9lsZL/fS6lUCkpo2Zj9crnIarUSjw2OKqMWYcJg+vz8/Eh6sVj0kB11wMfFxB/MnVB9gMMZxsQVDCa6kVwgYcEA+IcHhdcE6oEPhBpj0saYYnUijWZj0RYUjDm9BDpC83alDfVx3RMvAP41AyRsiy0AfzBoh+0OwDVAUDBou3YHwRAF4Ap+ukgoiBcVHAWSXq/XPTq5torzOGxm2//+/kq6UCgogKjgIJDz+Sz6QqEDqo4+cO07/ZJqlAp3rdnZuVxOvGKxaGHBAd8x6GYEfSrAABYwzeTARW51lILYMfG7FYmLaZ3luEEkF6STYlgECJgUBHHvxCAukAAmIHFA4edvLtggcbYvlMATJpwIfUwdJzH9YxGgc1hF4JMkMTH1ZUqDS0clRxyOGbYDvnElsgJhibFiiP98wxa3Gk4CUYnN2zKJL8iZ8kLgE7B3YjWBd4LNlZjjJFjqT+cn59hM7B/HIWL9SyJA3Aaif5R2EclkMpLCT+zRaCSHw0EqlYq0Wq0//yomQRD5/v6W+Xwuj1/10ul05D+dPpPVhngXawAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 16px;
    cursor: pointer
}

.dc-copyVictoryCon .dc-successCon {
    padding-top: 73px
}

.dc-copyVictoryCon .dc-successCon .dc-title {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    text-align: center
}

.dc-copyVictoryCon .dc-successCon .dc-copyPackage {
    margin-top: 11px
}

.dc-copyVictoryCon .dc-successCon .dc-copyPackage p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    text-align: center
}

.dc-copyVictoryCon .dc-successCon .dc-actionBtn {
    margin: 31px auto 0
}

.dc-copyVictoryCon .dc-successCon .dc-actionBtn a.dc-pubBtn {
    float: left;
    width: 115px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #cfcfcf;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    font-weight: 600!important
}

.dc-copyVictoryCon .dc-successCon .dc-actionBtn a.dc-pubBtn:first-child {
    border: none;
    background: #facb11
}

.dc-copyVictoryCon .dc-successCon .dc-questionLink {
    margin-top: 28px;
    font-size: 12px;
    color: #666;
    text-align: center
}

#myHome {
    width: 100%;
    background: #fff;
    padding-bottom: 80px
}

#myHome .ah-nav {
    height: 60px;
    background: #f9f9f9;
    border-bottom: 1px solid #eaeaea
}

#myHome .ah-nav .ah-navCon {
    width: 1200px;
    height: 60px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#myHome .ah-nav .ah-navCon li {
    margin: 0 28px;
    float: left;
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position: relative
}

#myHome .ah-nav .ah-navCon li a {
    float: left;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #666
}

#myHome .ah-nav .ah-navCon li a:hover {
    text-decoration: none
}

#myHome .ah-nav .ah-navCon li span {
    float: left;
    width: 7px;
    height: 60px;
    margin-left: 10px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAAG+Fv5aAAAABGdBT…zM8t+/f3uBLuAEK2Bk/M7ExOR86tQpkKGEATCwC0AYl0oAUoQ/ApUf9nIAAAAASUVORK5CYII=") no-repeat 50%;background-size: 7px 4px
}

#myHome .ah-nav .ah-navCon li .ca-sortSelect {
    display: none;
    width: 120px;
    background: #fff;
    border: 0 solid #c9c9c9;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 50px
}

#myHome .ah-nav .ah-navCon li .ca-sortSelect li {
    margin: 0;
    padding: 0;
    float: none;
    height: 36px;
    line-height: 36px;
    cursor: pointer
}

#myHome .ah-nav .ah-navCon li .ca-sortSelect li i {
    float: left;
    width: 9px;
    height: 36px;
    margin-left: 9px
}

#myHome .ah-nav .ah-navCon li .ca-sortSelect li i.ca-selected {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAAHEcZzWAAAABGdBTUEAALGPC/xhBQAAAl9JREFUSA3FVU1rE1EUzQTjrNwV3ErATdpoab4WWbkQpBSpxbhw6a9x58rf4CJKKZq6E1wETZOp2qAIQpZS8BcoccZzXuY+73udmdJk0QeTe99955778T5SKmWNRqORGDuUN1mAPBsdrbMGBXpCHagvEFNjlzDNZvMI30tjlJ+U80J5GP7ECQqaKAiCH4x8ormpX8G4y0BAfMD8QAClTqdznQvWIEq3270muhNIjFomSRKgsBj0z7X9jE4gw2WG9NE+MGCy8/n8NAUOoijaoS5smNtUreI5GV8NTMlckdsWF3b+zKaRB0XbpujKzXK5fKOcB6KdrcO3ATUcj8enheBWq3VMJ2zIC8pCMFg3CZpMJo8LwejzhACM/kLgaMG4hsmvarUa9vv9P7IA2aCOXj8SG9N4z8lsNvvd6/WuUgfBR0qM/YVY/JrWYfErpjWaGIGO1P0dNAXCuI61bwQIEB14zbkezqboCD4rnZzWSQSwHmrGpXQnjaUY4NRutx/EcXwnDMOnw+HwJ3lWJsahfIhTYTcZ5f7FAa2tRIwzuYdMX6lKY+jr6Ol3p8kKcK6K3dv1SSuVygZJ6bxUxij/Psr//0ri9qH8Oq4dD6MZNmNksAaHZ3KcBeBLbNSOT4q+3tKk9OH7yAv1Dl+dhnQMcPz3vAtWQuBtkA4EBJngrd8cjUb2T0DWTCvS15Dk5k7JIqQNgI26h56+VWssfwuZflY2qzo9LgjAP8Tb1gsKyt/Co/NJ27TuEMtCQQADQflNlB8JPktmEgswKwDKb6P8sWDyZCGxOKkAT3BOR2K/FPkPNHX2sPTfcRgAAAAASUVORK5CYII=") no-repeat 50%;background-size: 9px 10px
}

#myHome .ah-nav .ah-navCon li .ca-sortSelect li b {
    font-weight: 400;
    float: left;
    height: 36px;
    margin-left: 6px
}

#myHome .ah-nav .ah-navCon li .ca-sortSelect li:hover {
    background: #e0e0e0
}

#myHome .ah-nav .ah-navCon li:hover a {
    border-bottom: 2px solid #ffce34;
    color: #333
}

#myHome .ah-nav .ah-navCon li:hover .ca-sortSelect {
    display: block
}

#myHome .ah-nav .ah-navCon li.ah-selected a {
    border-bottom: 2px solid #ffce34;
    color: #333;
    font-weight: 600!important
}

#myHome .ah-infoPackage {
    width: 1200px;
    height: 240px;
    margin: 0 auto;
    margin-top: 20px
}

#myHome .ah-infoPackage .ah-baseInfo {
    width: 633.6px;
    height: 240px;
    float: left
}

#myHome .ah-infoPackage .ah-packageLast {
    width: 417.6px;
    height: 240px;
    float: right
}

#myHome .ah-infoPackage .ah-baseinfoCon li {
    height: 60px;
    border-bottom: 1px solid #e0e0e0;
    line-height: 60px
}

#myHome .ah-infoPackage .ah-baseinfoCon li span.ah-baseJob {
    font-size: 14px;
    color: #424242;
    float: left;
    cursor: pointer
}

#myHome .ah-infoPackage .ah-baseinfoCon li span.ah-baseJob:hover {
    color: #666
}

#myHome .ah-infoPackage .ah-baseinfoCon li span.ah-baseJobInfo {
    font-size: 14px;
    color: #424242;
    margin-left: 10.8px;
    float: left;
    width: 60px
}

#myHome .ah-infoPackage .ah-baseinfoCon li span.ah-baseEdit {
    width: 20px;
    height: 20px;
    margin: 20px 0;
    float: right;
    cursor: pointer;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAsCAYAAAAXb/p7AAAAAXNSR0IArs4c6QAABLRJREFUWAntmGtoFFcUgN1NTGpDAkHTP1JopIFIJCHk9adUKBSCrZGKCgGV2DwMhsRXfGHRYMS2PmsNPhKNL3xRRIsUoUUQAkKyCUgL/sgfQRT1l1DT1sdm1+8Mc4abNRNn3Zn0TwYm595z7pzz5Zw7997ZadP+52tgYKC9v7//IfJQPB5PS8QJJSomsw9YB/F2GjHPV1ZW1oVCoZjqwtqYbAncdmKacIKwIhKJnCKTTuJCQ0NDn46Ojm7COEtG+HRFCfJHVVXVyfH8AbcF/Q9qI2M3aVcbYKd4tkHsIWr/F4Z5OthPSeAaSnbD9Em8jcTbb+j2AbMZ6GZ0x1Sfnp7+eVlZWV84KDg70BwNKBK4tQlwhwQOXZh/pkrHyhyMRqNPpZ+uygDkvXA4fEH9MrdaYrHYT9rHdqSiomIDcFLFbvR1YgMuzt1I5oelnwj4Z1pa2kIxpHIRPFpaWvpYgokfKR8gR9Qn+mPAtQkc4MfR14vNhmvG1qtjxwAy4GV5efkDNfohAagH5KjAiD9i9ADQIm1sXeibpG1fLdgkm84V6DJD6eoA6DHgTgOwWjIF3M/o1ygJWW+lrM5L4ui14bcEbjk+zTXtHHANAkfJDzIfWzUmcOuxdWnflIFkkOzUkp0z3JZ/oC6SnVXIGOD7AFivEOjagXNeHtWr9B2Q7CwlO+cJYO2rAFwBYKUN9z3Q7RocuRXwA0b/raavgGRnMREucivcVeCWAzdKVncDt1UJKOt21sAfte8mfQMEoIYgl7l1ZbgORC1wUbLaQVZl77UudDsB36P9iaQvgIODg1+RnV+4p0swAG6wni5jyXpNVr9D5RwKsHVS1l0TQZk2/W9NXVJtAKrJzlXgMuRBAG5mZWUtKSoqErht6DsNh3uA22H039lMCZCyfgncNaJk2pF+z83N/aagoOAVtk3YzDLuZc45ZX4nmT3gvQE5pn3Bhv4rfj4QX2TuVl5e3qL8/PyXzLkNwO21Y4jtAJnbov1k5HvNQUo3nzOkHKNmSDAAbvNC1AD3AlsbKmfpwHYYOHNpkUc8X0lnEIAKvP/G3PrQjtKXmZn5dUlJyb+UVU4sh43oXcCt0z7PFvHcbvrPAd+M7Yna3GTSgAQ4iLMscUiQO7wQC3gh/qGszcA52xUZPc5S4mxnMp5nZY0sljaXvPG1VmuCP0mVmOWkEF+f2f4e5eTkVAM3ApzssUc1Du0elhjnIGDo52obWKetuvFkUoBkqF6dANFbWFj4nLI20e4moH7o9JI568SiY1ORnktM9qbzYqw0gs0kc8NAF6gO0LPANSKtg6rqU5GeAcmQbGUfaTD6Y0oI1AXgvkU637Q6NhXpucRkatV4gQC6y90EnHViGW9MKjrPGQRiNlnTWCP05WDQzVIRUWUQ0jMgm38Dc7AZsEh2dvYleUGCAEr06RmQj+ghHm5MdBB03/McDBrEzf8UoFtmvOqnMug1U27jpjLolhmv+qkMes2U27jEneQTjuUn3Ab7oLd+cUjGzxhADgN5PNyUjIOgx8ocHAk6iIv/v130Y9Ty47X8HDbZ1398VJm/9LvGt74jmHcfc5xyTsuuo30wMI3iGRkZ94uLi595cfcGzVHY81OP3S8AAAAASUVORK5CYII=") no-repeat 50%;background-size: 20px
}

#myHome .ah-infoPackage .ah-baseinfoCon li i.split-line {
    width: 1px;
    height: 14px;
    float: left;
    display: table;
    margin-top: 23px;
    background: #000;
    margin-right: 25px
}

#myHome .ah-infoPackage .ah-baseinfoCon li.ah-baseTitle {
    line-height: 60px;
    font-size: 20px;
    color: #000
}

#myHome .ah-recentSearch,#myHome .ah-recentView {
    width: 1200px;
    height: 234px;
    margin: 0 auto;
    margin-top: 20px
}

#myHome .ah-recentSearch .ah-Title,#myHome .ah-recentView .ah-Title {
    height: 60px;
    font-size: 20px;
    color: #000;
    line-height: 60px
}

#myHome .ah-recentSearch .ah-noRecord,#myHome .ah-recentView .ah-noRecord {
    font-size: 16px;
    color: #5e5e5e
}

#myHome .ah-recentSearch .ah-imgshow,#myHome .ah-recentView .ah-imgshow {
    width: 100%;
    height: 174px;
    position: relative
}

#myHome .ah-recentSearch .ah-imgshow .hl_main5_content,#myHome .ah-recentView .ah-imgshow .hl_main5_content {
    width: 100%;
    height: 174px
}

#myHome .ah-recentSearch .ah-imgshow .hl_main5_content .hl_main5_content1,#myHome .ah-recentView .ah-imgshow .hl_main5_content .hl_main5_content1 {
    width: 100%;
    overflow: hidden
}

#myHome .ah-recentSearch .ah-imgshow .hl_main5_content .hl_main5_content1 ul,#myHome .ah-recentView .ah-imgshow .hl_main5_content .hl_main5_content1 ul {
    width: auto;
    overflow: hidden
}

#myHome .ah-recentSearch .ah-imgshow .hl_main5_content .hl_main5_content1 ul li,#myHome .ah-recentView .ah-imgshow .hl_main5_content .hl_main5_content1 ul li {
    width: 174px;
    height: 174px;
    border: 1px solid #e0e0e0;
    margin-left: 14.4px;
    float: left;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#myHome .ah-recentSearch .ah-imgshow .hl_main5_content .hl_main5_content1 ul li img,#myHome .ah-recentView .ah-imgshow .hl_main5_content .hl_main5_content1 ul li img {
    max-width: 100%;
    max-height: 100%
}

#myHome .ah-recentSearch .ah-imgshow .hl_main5_content .hl_main5_content1 ul li .show-item,#myHome .ah-recentView .ah-imgshow .hl_main5_content .hl_main5_content1 ul li .show-item {
    display: block;
    width: 100%;
    padding-top: 5px;
    text-align: center;
    position: relative
}

#myHome .ah-recentSearch .ah-imgshow .hl_main5_content .hl_main5_content1 ul li .show-item .ca-playBtn,#myHome .ah-recentView .ah-imgshow .hl_main5_content .hl_main5_content1 ul li .show-item .ca-playBtn {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 48px;
    height: 42px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA4CAYAAAE6H87kAAAABGdBTUEAALGPC/xhBQAABSFJREFUaAXlmkuIHUUUhnNHjWDUoKIL0TjqKj5QohtRNBsfEBA0ihpBcGE0RMnSB8GVgogiMUISFy6DLiSiguLOTSALRTe6chPBIQaFUcQQDeP3t3Wa6pqu7q5+3L53UnBSr3PO/58z1dXVdTNZR1lZWTlINVE7KMuTislMd4F/c8vJZPJs4GGdFApFSr7iKgVpA7vJrM61htVMHrK2anlYsoFwUuOKYj31flPy64xPmZWvVCDpszelgoIGndK/UQU3kUcnkn5Yf6GwwaxVhxCFSSlUhimFuhJSqNNfNZ8HE874KSPOW5nfFeqoH3XgK+PsO/rZUguS1sxBaFRwXjXpK8ba2dPQxYk52APCDTGUyPhhcvN11z/jcrjSImDR4Y1dHaxa6xmUFpFbSD9Esd1EJQOc7HOOon4qHZiVc/K89f26kQMZ4OQfqn2+sdqNngUpxhZbrQMMd2B/j5yUlagDDBXegTIjf6zrSixfBz5CXVs083dDnXLJ/B57Gu9jcnuJwqBDWl/KYZutoDdiSmHqPtQbuBxFl2EZij3XZO025neW6aSOJREw5xD5hra9pXT+eAdp5auVkRFRDZnTVLttjOy8QPsm69fVnQmEABDKT2OQeYL5raGO39ciHKQA/jiOt9Y57y0DAGpPeQu5sA7Un+9EANBFnL3sO0xtJxEA8BkHcHsqUEw/iQBOegM2QlqEr1tnjDp7GQmY9Oqtrbf3NMrvgOzlkT0TEtjGxMYBGazg+0fkgNvA/v/WJHr/S2lA/ILrjyHx1QLgbxaGp9fZDvZ6LcIhU14Xzq7BtuI6ZDe/eWwCk1QCfzeMrLFayk54hFX7pTyzeN6guqQxSoViSgZOmh+IvET7Vet3qVMIFHAgcQLRseyLwkRipzUBw4HEJ47IbzaWUncmYGCQeIX2Xus3rXsjIEBInHTZ+HwUAgYKic8cERuK1r1mIIpSMTEIAfaJCxDdCdeWlI2o1pkUAH6R6rpGyij1RgDgO/H3VFNg0+tMAGDd5L6N5Kcrc96k7kQAcH0TLDYBiumkEDjPnAB8N+0nrd+lTiHwNMDnA9bryTn1MewVXJlLJdAl26W2YxNYGpvAByKga7oxyhIvrOPZ5sHqPgcGryGXTolJ9pODsAq7F0S2MKarlTE/VsRrqLKM4w/J/LcGYH8BBZ5d+9nEWVAfUiJ0VT3Na4lZy+thbQK6EjlbyzYlYK0+703+qN1/+WyCMss6KYexlDi02+5nk/mZPeYq2o8gm1McTEu382+eEaLvE7x+UCoUkqEflrTn3Ivo3T96GWoFlAZGUk4zccSJvh/1+n0UmdYBCKhimWoCitDZRYoOJNmhhGRcQVuHsBtDvSH7oybAD4zV8Sv9dzXmHpUHaN6PDMpxUOcKpk1xj8qn2EqUkFuoHkMuU7/PMpMJCAMkId8zJlEyLqdSMm5Wv2sZ+3s0mT/J0AXsexj2ckE/FysgzBKr4GrGdofjbfpzkQAC1lfrHcjDyEVtAo3ZzGwCCHoDpB9E9LVauLeIBdNmfKYSQNCbCEJXj9e2CaaNzagJcEtbl/oPIUn/16ZNsGU2U0+AW9oK+C5ksKVdFmzZ2FAJ2AJY/jFE0Iv0tbSvQWaqDPU1OFNBVpGZu4NQVTBt5pSAU20M14jNKSXg6BoJpk0YRxc4V3+E5bE21nNuc0yx568hduqLCeg55Po5D6yO/k8oHCT4P6SYJyC0IiE6lV2J6Ow9E/d3IccG/TPo/In8QsDHy/T/A5JgQXKsfBsMAAAAAElFTkSuQmCC") no-repeat 50%;background-size: 48px 42px;
    z-index: 1
}

#myHome .ah-recentSearch .ah-imgshow .hl_main5_content .hl_main5_content1 ul li:first-child,#myHome .ah-recentView .ah-imgshow .hl_main5_content .hl_main5_content1 ul li:first-child {
    margin: 0
}

#myHome .ah-recentSearch .ah-imgshow .hl_main5_content .hl_scrool_leftbtn,#myHome .ah-recentView .ah-imgshow .hl_main5_content .hl_scrool_leftbtn {
    width: 36px;
    height: 174px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.3) url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABACAYAAAB/e6WTAAAAAXNSR0IArs4c6QAAAPBJREFUaAXtmjEOwkAMBE9UfJaCV/ALGl4BPISGEt4BNtJKLs7QbYI0SJYjN5nMbYrjMsYyv23c9hj1iNovgzBGQlyjXqV2bpgZRALdnCAdRIIcXCAJcYmqy6HrU8w3DhAgZBkTmJABdTKBCRlQJxOYkAF1MoEJGVAnE5iQAXUysSoTCZO7cu26arftwGTkPgGxQ1j2nHriX301S5Ov7XmyPJkX+xIB0+UGM5jpDHRzMoOZzkA3JzOY6Qx0czKDmc5AN19dZhY/rZKpNAOMbNSOmWqjXv+NGdsBtOx0ZqxH8t9g7B8pVJj8F+IZ9fls4w0C74HjyhUdRQAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 17px 32px;
    z-index: 2
}

#myHome .ah-recentSearch .ah-imgshow .hl_main5_content .hl_scrool_rightbtn,#myHome .ah-recentView .ah-imgshow .hl_main5_content .hl_scrool_rightbtn {
    width: 36px;
    height: 174px;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(0,0,0,.3) url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABACAYAAAB/e6WTAAAAAXNSR0IArs4c6QAAAOtJREFUaAXtmjEOwkAMBCMqPkvBK/gFDa8gPISGEt4RbEUrRdFtROUTylhyHDnFreY2zfmGYY5zlHfkNfI4t+qfp1hyWuQj3ruIeS5ESFAXMZeGkBRULuYQi96MmDH6pduEmCDeDMg0sUQTMpBxBFwfz0DGEXB9PAMZR8D18QxkHAHXxzOQcQRc/288k6cQpeHIvPLD7sLRyJOHsq3ZEnEPISUnDoiQ+SEBCRFQxROQEAFVPAEJEVDFE5AQAVU88QuJstHa1nYgQjPgfZFIg7oBdBkJ/SWtkXy5iBSzvqTQRYSo5LWNT2S3axtfZe6B4nKSK3EAAAAASUVORK5CYII=") no-repeat 50%;background-size: 17px 32px;
    z-index: 2
}

#myOrder {
    width: 100%;
    background: #fff;
    padding-bottom: 80px
}

#myOrder .ah-nav {
    height: 60px;
    background: #f9f9f9;
    border-bottom: 1px solid #eaeaea
}

#myOrder .ah-nav .ah-navCon {
    width: 1200px;
    height: 60px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#myOrder .ah-nav .ah-navCon li {
    margin: 0 28px;
    float: left;
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position: relative
}

#myOrder .ah-nav .ah-navCon li a {
    float: left;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #666
}

#myOrder .ah-nav .ah-navCon li a:hover {
    text-decoration: none
}

#myOrder .ah-nav .ah-navCon li span {
    float: left;
    width: 7px;
    height: 60px;
    margin-left: 10px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAAG+Fv5aAAAABGdBT…zM8t+/f3uBLuAEK2Bk/M7ExOR86tQpkKGEATCwC0AYl0oAUoQ/ApUf9nIAAAAASUVORK5CYII=") no-repeat 50%;background-size: 7px 4px
}

#myOrder .ah-nav .ah-navCon li .ca-sortSelect {
    display: none;
    width: 120px;
    background: #fff;
    border: 0 solid #c9c9c9;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 50px
}

#myOrder .ah-nav .ah-navCon li .ca-sortSelect li {
    margin: 0;
    padding: 0;
    float: none;
    height: 36px;
    line-height: 36px;
    cursor: pointer
}

#myOrder .ah-nav .ah-navCon li .ca-sortSelect li i {
    float: left;
    width: 9px;
    height: 36px;
    margin-left: 9px
}

#myOrder .ah-nav .ah-navCon li .ca-sortSelect li i.ca-selected {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAAHEcZzWAAAABGdBTUEAALGPC/xhBQAAAl9JREFUSA3FVU1rE1EUzQTjrNwV3ErATdpoab4WWbkQpBSpxbhw6a9x58rf4CJKKZq6E1wETZOp2qAIQpZS8BcoccZzXuY+73udmdJk0QeTe99955778T5SKmWNRqORGDuUN1mAPBsdrbMGBXpCHagvEFNjlzDNZvMI30tjlJ+U80J5GP7ECQqaKAiCH4x8ormpX8G4y0BAfMD8QAClTqdznQvWIEq3270muhNIjFomSRKgsBj0z7X9jE4gw2WG9NE+MGCy8/n8NAUOoijaoS5smNtUreI5GV8NTMlckdsWF3b+zKaRB0XbpujKzXK5fKOcB6KdrcO3ATUcj8enheBWq3VMJ2zIC8pCMFg3CZpMJo8LwejzhACM/kLgaMG4hsmvarUa9vv9P7IA2aCOXj8SG9N4z8lsNvvd6/WuUgfBR0qM/YVY/JrWYfErpjWaGIGO1P0dNAXCuI61bwQIEB14zbkezqboCD4rnZzWSQSwHmrGpXQnjaUY4NRutx/EcXwnDMOnw+HwJ3lWJsahfIhTYTcZ5f7FAa2tRIwzuYdMX6lKY+jr6Ol3p8kKcK6K3dv1SSuVygZJ6bxUxij/Psr//0ri9qH8Oq4dD6MZNmNksAaHZ3KcBeBLbNSOT4q+3tKk9OH7yAv1Dl+dhnQMcPz3vAtWQuBtkA4EBJngrd8cjUb2T0DWTCvS15Dk5k7JIqQNgI26h56+VWssfwuZflY2qzo9LgjAP8Tb1gsKyt/Co/NJ27TuEMtCQQADQflNlB8JPktmEgswKwDKb6P8sWDyZCGxOKkAT3BOR2K/FPkPNHX2sPTfcRgAAAAASUVORK5CYII=") no-repeat 50%;background-size: 9px 10px
}

#myOrder .ah-nav .ah-navCon li .ca-sortSelect li b {
    font-weight: 400;
    float: left;
    height: 36px;
    margin-left: 6px
}

#myOrder .ah-nav .ah-navCon li .ca-sortSelect li:hover {
    background: #e0e0e0
}

#myOrder .ah-nav .ah-navCon li:hover a {
    border-bottom: 2px solid #ffce34;
    color: #333
}

#myOrder .ah-nav .ah-navCon li:hover .ca-sortSelect {
    display: block
}

#myOrder .ah-nav .ah-navCon li.ah-selected a {
    border-bottom: 2px solid #ffce34;
    color: #333;
    font-weight: 600!important
}

#myOrder .ah-nav .ah-navCon li.ah-selected a:hover {
    text-decoration: none
}

#myOrder .ah-myOrderInfo {
    width: 1200px;
    margin: 0 auto;
    margin-top: 12px;
    min-height: 640px;
    height: auto!important;
    height: 640px
}

#myOrder .ah-myOrderInfo .ah-orderTitle {
    height: 88px
}

#myOrder .ah-myOrderInfo .ah-orderTitle .ah-myOrderTit {
    margin-left: 15px;
    float: left;
    font-size: 20px;
    color: #000;
    line-height: 88px
}

#myOrder .ah-myOrderInfo .ah-orderTitle .ah-applyInvoice {
    float: right;
    height: 88px
}

#myOrder .ah-myOrderInfo .ah-orderTitle .ah-applyInvoice a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 114px;
    height: 24px;
    border: 1px solid #666;
    margin-top: 22px;
    text-align: center;
    line-height: 24px;
    font-size: 14px
}

#myOrder .ah-myOrderInfo .ah-orderTitle .ah-applyInvoice img {
    margin: 0 3px
}

#myOrder .ah-myOrderInfo .ah-orderTitle .ah-applyInvoice a:hover {
    background: #ededed;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

#myOrder .ah-myOrderInfo .ah-noOrder {
    height: 521px;
    text-align: center;
    font-size: 16px;
    color: #a3a3a3;
    line-height: 52px
}

#myOrder .ah-myOrderInfo .ah-noOrder img {
    width: 160px;
    height: 137px;
    margin-top: 85px
}

#myOrder .ah-myOrderInfo .ah-noOrder button {
    width: 144px;
    height: 42px;
    line-height: 42px;
    background: #f3cc47;
    border-radius: 3px;
    margin-top: 85px;
    border: none;
    font-size: 16px;
    color: #1a1a1a
}

#myOrder .ah-myOrderInfo .cb-OrderFlow {
    border-bottom: 1px solid #e0e0e0
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowTitle {
    height: 45px;
    background: #ffdc7c;
    color: #333
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowTitle li {
    width: 133px;
    height: 45px;
    float: left;
    line-height: 45px;
    font-size: 16px;
    color: #424242;
    text-align: center;
    border-right: 1px solid #f0f0f0
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowTitle li:first-child {
    width: 232px
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowTitle li:nth-child(2) {
    width: 129px
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowTitle li:nth-child(4) {
    width: 116px
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowTitle li:nth-child(5),#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowTitle li:nth-child(6) {
    width: 99px
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowTitle li:nth-child(7) {
    width: 129px
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowTitle li:last-child {
    width: 263px;
    border: none
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol {
    height: 90px
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol:hover {
    background: #efefef;
    color: #333
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li {
    width: 133px;
    height: 90px;
    float: left;
    font-size: 14px;
    color: #424242;
    text-align: center;
    border-right: 1px solid #f0f0f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    position: relative
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li.no-payed {
    color: #d45212
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li.is-payed {
    color: #424242
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li.cancel-payed {
    color: #999
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li:first-child {
    width: 232px
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li:nth-child(2) {
    width: 129px
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li:nth-child(4) {
    width: 116px
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li:nth-child(5),#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li:nth-child(6) {
    width: 99px
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li:nth-child(6) .detail-bubble {
    width: 18px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAYAAAFJtetpAAAABGdBTUEAALGPC/xhBQAABWRJREFUWAnVV11oXEUUPjO7m2x276Ya27S1KUbTVoqtCUmI+lakJT+mtEjF16YiVsUWhYogKFKf/EHwB+mDWpUKNYjFh2yifWlBRJpsrIEQq/iDIamtxpK9d/OzuzOeM5vZndm9m13jkxd25/x858y5M3POmQuw8rhj3X8QGaS/5Gi3DK7fjyNIRhopoREY6mSG9DmExIeQOUnxvzvWc3ZxvH87yVkxjOfRPKLIgkCkyOB4HqAJRkQq0XsoK8SgFuox1jnCOM2olU7HsNLpkQJgFE46m76iraKtZ8G7/LBmQU1BXHG4FFCsc/jNPEAmejd4Qoyh4nunc7hfu1CAUmuEMfYqxvIsN5W8rhkgEFPGuJYniDCWipzZi8uAXS2s1IpSvyJZS5CbDAD5qwFcF9Kph3P+CA9A4F4tCG18UJNqjLbH31dv4Sa690oBX5laWmaTL0tbqNR3/VuymfR0WTQqKKRI59C3GqMcVGOoDfTIOOxz2kfOM9oiV4hrWqHHaNtnkJm7CJm/L0K45QVYmj4FmT9zp0VjcIUOMne053dczyYtVCMLYRrEQKbnFEs7WLfzHfASD1gwYmgfLpdIZTpvTBsnlmZ9jXHj5tUamOelxNkqApURpCeCTt8qWFvF2AW9z9Y2apQ33n1AZtm7uDabczI2zzl7mk6OxujR14E71jcAMnsUk6INpJzEpTrjdMZf00bmaDlIjvZ8imf8IRNg0vial3BRuyyZZjALFjHJajW/2qjfnzAqnfAszFZrTEaIXymU6ACPcRclJinsh0Pw5j0QqO+wxcghPuAmep4hBRfZzDfFCBZqAKdjCNcvDTyyA2n7CBNeCvk6jUEM3a4KKIzsOg3exGGQy1chC19D6Jb7sVhsUjwZmU+JMSlTk49ZYB7eiu1h3rRT9MJ4T7OvA4lnXz+UiVlvCkCVfy3NjYzxGtWWbHGBCzUeBBZaDwtTxwpCgwq3DV1Z1UFN06NlsrDghWN7KLSKglxRfvmvIZzB20Sro4yncAl3o0Yr9Ujbl5o6DsL7QYvyoz6N+Vz4NzXBWcfDbHt8ibzlHRCDkfyKkdxGtP/Dktjz6k2dtY0YcrOzsT7CGHxggjCtv3A4byw2tjBrZaxX8HNCySYymZP4snv9jr2fDbbVCcnky0778CDWELvnFhn4BpAa7btHgDjnn+VFHiqwGMAy/h73K6dkagWgJmbiAr5pVYWtwtylas6Pxdrjb5mKfACVyrFp9F9oXI3fovXsTusYu6PdX+JG7avGMau9FcLNJyDg7LTgMuvB8szHkL52zpKXYebwtDexrYMLeCXuG5AyW9Lu/Axrb38OQg17YGnmI0jPfmJBuLMb6na8Alj68CJ6yNL5MZRqTsfIEa7apx+iSEYFnSYXi9MlkxNUuBMgFn7BO42DXWRbkXUpi98BA/LH3trgSu8uRRRJqLuY909LjR8U4W0vQSByB6Svx7H0/2SpyzELXqA1mLs4QFs5UCV5uOVFCN50H2TmE+COH8ClUCWykpnS14XqJrGf8DNotaYA6MoYiLRgC30Cl//nqibNg7C8srsGXZWGmAUTmAW78spqCB6G0Ib92KtvQOYv635f0RonTUc538La49dVM4h2DN+N+XmpoqUBYMF1+NWzGwJRSsd8OTEQ5UiWlKFIE01OCNXScXKq111eoveIEOK9cqamnAUiwLEmCPqixQ8GzCZT7Utjj/gQv/QOm0rf0JOJ3qeYkG/QDc4Er5XGFzyN1e+orn6mH98ANIDy1EvKJ/EW+DzKGrS80kh7jIXmlAhGTsZaPy/5gDLtVw3ABJo0Bbboys2SBRs5iBu1oegMnWgT87+h/wErb/5JJxGYSAAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 18px;
    position: absolute;
    height: 100%;
    right: 6px;
    top: 0;
    bottom: 0;
    margin: auto
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li:nth-child(7) {
    width: 129px
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li.isgray-border:after {
    content: "";
    height: 0;
    width: 100%;
    display: block;
    border-bottom: 1px dashed #979797;
    position: absolute;
    left: 0;
    bottom: 12px
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li:last-child {
    width: 263px;
    border: none
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li:last-child a {
    color: #424242!important;
    border: 1px solid #979797;
    border-radius: 2px;
    padding: 4px 9px;
    font-size: 12px
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li:last-child a:hover {
    background: #333!important;
    color: #fff!important
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li:last-child .is-ye {
    background: #f3cc47;
    color: #333!important;
    border: none;
    -webkit-box-shadow: 0 2px 2px 0 #d2d2d2;
    box-shadow: 0 2px 2px 0 #d2d2d2
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li:last-child .cb-cancel {
    margin-left: 10px;
    padding: 4px 9px;
    font-size: 14px;
    color: #424242;
    opacity: .64;
    border: 1px solid #bcbcbc
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li:last-child .cb-cancelDisable {
    border: none;
    background: #ccc
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol:nth-of-type(2n) {
    background: #fafafa
}

#myOrder .ah-myOrderInfo .cb-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol:nth-of-type(2n):hover {
    background: #efefef;
    color: #333
}

#myOrder .ah-myOrderInfo .ah-noOrderTip {
    border-bottom: none
}

#myOrder .ah-orderpage {
    width: 1200px;
    height: 20px;
    margin: 0 auto;
    padding-top: 30px
}

#myOrder .ah-orderpage a {
    width: 30px;
    height: 30px;
    float: right;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #a3a3a3;
    margin-left: 10px
}

#myOrder .ah-orderpage a span {
    color: #151515
}

#myOrder .ah-orderpage input {
    float: right;
    width: 30px;
    outline: none;
    height: 30px;
    border: 1px solid #333;
    border-radius: 1px;
    margin-left: 10px;
    text-align: center
}

#myOrder .ah-orderpage a.next {
    border: 1px solid #333;
    border-radius: 1px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAYAAABoMT8aAAAAAXNSR0IArs4c6QAAAUJJREFUOBGlkz2uRlAQhuc6jQUoFcJaNDagIFpRKnQKhYWotBYg8mmsg4iCRifRyHfNSQjxcw93Ejl/8z5m5syBoii+mqbR7/P5fJ8aads26LoOhmGALMtAkiRQFAVYjds6TtMEvu9Dmqbb7ds553keEEJWp6cQEkVRgGHneQ5z/hSEI65Z0qEpqKoKYRi+imStwVvICsDY30B2gDeQA+Ap5BTwBHIJYIX8YO+j851hZ2KHYpMtxvM8JEkCtxEszng7juMsSzqO4whlWbIB0DGO4x0AF4Ig/A1AsW3b0Pf9DmAYBsiyfA+4Euu6Dq7rUuBlDe7E+IIXOwWwihFyADwRHwBPxTvAG/EKeCumgKqqTu8Zr2pbbXQ+MzI3SFDX9e6MVYwi7j9iCrAsa/27aZpMYa+CeUKfc9M0dE8Uxe0Z0/wXs4Yi2C4ERToAAAAASUVORK5CYII=") no-repeat 50%;background-size: 5px 7px
}

#myOrder .ah-orderpage a.prev {
    border: 1px solid #333;
    border-radius: 1px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAYAAABoMT8aAAAAAXNSR0IArs4c6QAAAVpJREFUOBGllT3Kg0AQhkejVep4Bjs9gOAFAh5CyA3ERjCNlXaWttYSD5BKT2CTInXUViwV/TILWSL+fGqmWGfHeR9e2B2FfkO8Xq9e1/VeVdXe932iZHCFFZHnOVwuFyjLknaHYQgs3S0kU+JP+7+AObGmaSCK4rKDOfH5fAbLsoiJWQdLYtu2gWGYecBaMRJGDraIR4Ct4gFgj5gC9ooJ4BcxAg51XV+fzyfmNPCcv4+KvphI2MfjMShLkrRajEL2dDoNAFmWQRzHg9rShjVNE3iepz04nI7jwO12o7Wl5BAEwRWH4n6/Q9d1tDdJEhAEgQwMLU4k5CYqigKu6+5yQq/yXggFoLs9kAFgD2QE2AqZBGyBzALWQlZ91tM0BcMwoGka5JLgOA6iKBp/kT4N38+p02nbFoqiWAdAGEI8z4Pj8UjYsiwDDh6Q/9OGpaqq/j3B/dsBUf0BsvpYjhb/liUAAAAASUVORK5CYII=") no-repeat 50%;background-size: 5px 7px
}

#myOrder .ah-orderpage a.pageNum {
    border: 1px solid #c9c9c9;
    color: #333;
    border-radius: 1px
}

#myOrder .ah-orderpage a:hover {
    text-decoration: none
}

#myPackage {
    width: 100%;
    background: #fff;
    padding-bottom: 80px
}

#myPackage .ah-nav {
    height: 60px;
    background: #f9f9f9;
    border-bottom: 1px solid #eaeaea
}

#myPackage .ah-nav .ah-navCon {
    width: 1200px;
    height: 60px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#myPackage .ah-nav .ah-navCon li {
    margin: 0 28px;
    float: left;
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position: relative
}

#myPackage .ah-nav .ah-navCon li a {
    float: left;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #666
}

#myPackage .ah-nav .ah-navCon li a:hover {
    text-decoration: none
}

#myPackage .ah-nav .ah-navCon li span {
    float: left;
    width: 7px;
    height: 60px;
    margin-left: 10px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAAG+Fv5aAAAABGdBT…zM8t+/f3uBLuAEK2Bk/M7ExOR86tQpkKGEATCwC0AYl0oAUoQ/ApUf9nIAAAAASUVORK5CYII=") no-repeat 50%;background-size: 7px 4px
}

#myPackage .ah-nav .ah-navCon li .ca-sortSelect {
    display: none;
    width: 120px;
    background: #fff;
    border: 0 solid #c9c9c9;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 50px
}

#myPackage .ah-nav .ah-navCon li .ca-sortSelect li {
    margin: 0;
    padding: 0;
    float: none;
    height: 36px;
    line-height: 36px;
    cursor: pointer
}

#myPackage .ah-nav .ah-navCon li .ca-sortSelect li i {
    float: left;
    width: 9px;
    height: 36px;
    margin-left: 9px
}

#myPackage .ah-nav .ah-navCon li .ca-sortSelect li i.ca-selected {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAAHEcZzWAAAABGdBTUEAALGPC/xhBQAAAl9JREFUSA3FVU1rE1EUzQTjrNwV3ErATdpoab4WWbkQpBSpxbhw6a9x58rf4CJKKZq6E1wETZOp2qAIQpZS8BcoccZzXuY+73udmdJk0QeTe99955778T5SKmWNRqORGDuUN1mAPBsdrbMGBXpCHagvEFNjlzDNZvMI30tjlJ+U80J5GP7ECQqaKAiCH4x8ormpX8G4y0BAfMD8QAClTqdznQvWIEq3270muhNIjFomSRKgsBj0z7X9jE4gw2WG9NE+MGCy8/n8NAUOoijaoS5smNtUreI5GV8NTMlckdsWF3b+zKaRB0XbpujKzXK5fKOcB6KdrcO3ATUcj8enheBWq3VMJ2zIC8pCMFg3CZpMJo8LwejzhACM/kLgaMG4hsmvarUa9vv9P7IA2aCOXj8SG9N4z8lsNvvd6/WuUgfBR0qM/YVY/JrWYfErpjWaGIGO1P0dNAXCuI61bwQIEB14zbkezqboCD4rnZzWSQSwHmrGpXQnjaUY4NRutx/EcXwnDMOnw+HwJ3lWJsahfIhTYTcZ5f7FAa2tRIwzuYdMX6lKY+jr6Ol3p8kKcK6K3dv1SSuVygZJ6bxUxij/Psr//0ri9qH8Oq4dD6MZNmNksAaHZ3KcBeBLbNSOT4q+3tKk9OH7yAv1Dl+dhnQMcPz3vAtWQuBtkA4EBJngrd8cjUb2T0DWTCvS15Dk5k7JIqQNgI26h56+VWssfwuZflY2qzo9LgjAP8Tb1gsKyt/Co/NJ27TuEMtCQQADQflNlB8JPktmEgswKwDKb6P8sWDyZCGxOKkAT3BOR2K/FPkPNHX2sPTfcRgAAAAASUVORK5CYII=") no-repeat 50%;background-size: 9px 10px
}

#myPackage .ah-nav .ah-navCon li .ca-sortSelect li b {
    font-weight: 400;
    float: left;
    height: 36px;
    margin-left: 6px
}

#myPackage .ah-nav .ah-navCon li .ca-sortSelect li:hover {
    background: #e0e0e0
}

#myPackage .ah-nav .ah-navCon li:hover a {
    border-bottom: 2px solid #ffce34;
    color: #333
}

#myPackage .ah-nav .ah-navCon li:hover .ca-sortSelect {
    display: block
}

#myPackage .ah-nav .ah-navCon li.ah-selected a {
    border-bottom: 2px solid #ffce34;
    color: #333;
    font-weight: 600!important
}

#myPackage .ah-nav .ah-navCon li.ah-selected a:hover {
    text-decoration: none
}

#myPackage .ah-myOrderInfo {
    width: 1200px;
    margin: 0 auto;
    margin-top: 12px
}

#myPackage .ah-myOrderInfo .ah-orderTitle {
    height: 88px
}

#myPackage .ah-myOrderInfo .ah-orderTitle .ah-myOrderTit {
    margin-left: 15px;
    float: left;
    font-size: 20px;
    color: #000;
    line-height: 88px
}

#myPackage .ah-myOrderInfo .ah-orderTitle .ah-applyInvoice {
    float: right;
    height: 88px
}

#myPackage .ah-myOrderInfo .ah-orderTitle .ah-applyInvoice a {
    width: 100px;
    height: 24px;
    display: block;
    border: 1px solid #333;
    margin-top: 22px;
    text-align: center;
    line-height: 24px;
    font-size: 14px
}

#myPackage .ah-myOrderInfo .ah-noOrder {
    height: 521px;
    text-align: center;
    font-size: 16px;
    color: #a3a3a3;
    line-height: 52px
}

#myPackage .ah-myOrderInfo .ah-noOrder img {
    width: 160px;
    height: 137px;
    margin-top: 85px
}

#myPackage .ah-myOrderInfo .ah-noOrder button {
    width: 144px;
    height: 42px;
    line-height: 42px;
    background: #f3cc47;
    border-radius: 3px;
    margin-top: 85px;
    border: none;
    font-size: 16px;
    color: #1a1a1a
}

#myPackage .ah-myOrderInfo .ah-OrderFlow {
    border-bottom: 1px solid #e0e0e0
}

#myPackage .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowTitle {
    height: 52px;
    background: #ffdc7c;
    color: #333
}

#myPackage .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowTitle li {
    width: 133px;
    height: 52px;
    float: left;
    line-height: 52px;
    font-size: 16px;
    color: #424242;
    text-align: center;
    border-right: 1px solid #f0f0f0
}

#myPackage .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowTitle li:first-child {
    width: 269px
}

#myPackage .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowTitle li:last-child {
    border: none
}

#myPackage .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol {
    height: 52px
}

#myPackage .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li {
    width: 133px;
    height: 52px;
    float: left;
    font-size: 14px;
    color: #424242;
    text-align: center;
    border-right: 1px solid #f0f0f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: center;
    -webkit-box-pack: center
}

#myPackage .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li>span:first-of-type {
    display: inline-block;
    width: 36px;
    min-width: 16px
}

#myPackage .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li:first-child {
    width: 269px
}

#myPackage .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li:last-child {
    border: none
}

#myPackage .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol:nth-of-type(2n) {
    background: #fafafa
}

#myPackage .ah-myOrderInfo .ah-noOrderTip {
    border-bottom: none
}

#myPackage .ah-myOrderInfo #ah-packageFlow .ah-orderFlowTitle li {
    width: 20%
}

#myPackage .ah-myOrderInfo #ah-packageFlow .ah-orderFlowList ul.ah-orderFlowCol li {
    width: 20%;
    color: #333;
    position: relative
}

#myPackage .ah-myOrderInfo #ah-packageFlow .ah-orderFlowList ul.ah-orderFlowCol li span.ah-bubble {
    display: inline-block;
    width: 18px;
    background: url(../../public/images/myHome/bubble.png) no-repeat 50%;
    background-size: 18px;
    position: absolute;
    top: -1px;
    height: 100%
}

#myPackage .ah-orderpage {
    width: 1200px;
    height: 20px;
    margin: 0 auto;
    padding-top: 30px
}

#myPackage .ah-orderpage a {
    width: 30px;
    height: 30px;
    float: right;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #a3a3a3;
    margin-left: 10px
}

#myPackage .ah-orderpage a span {
    color: #151515
}

#myPackage .ah-orderpage a.next {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAXxJREFUaAXtlzGKwzAQRePNKYz3FrYPkW4DC1ukT5fTpEufIpAi9zBuFgLZfrFPEZz5hUIIWHGk0UwzAiFka6T/vm2NPJtZMQfMAXPAHDAHzAE9B7LYpauqWtAcO8wzDMOmbdtT7JzvxH+8M3hk7I6Ef6JmWXas6/pnZFySyxwAd2EEMae6l4SIBiDBG3L+6iikIeZu4dC27/tLURR/FL+k6gxBu8T1ruvOoXNPiYsGwCIQqQXBAqAJwQagBcEKoAHBDiANkQRAEiIZgBREUoBXEHme/yKPYFxocYknNH5SXNM0B8rWq+eMTf3tpAk8g0QAPOtH3xIBwOEOhzyck5xiPA2co1w/tE0OMCYerxTHv0P0D43POZ94fBe+2Kn3kgFIiAdkEgAp8UkAJMWzA0iLZwXQEM8GoCWeBaAsyy/a04/PSQr7PNdWCaFjJTqRkdCtlnhARQM8OkMwVynn3bocAGsS/Y9KT+Jb4rVx4q01B8wBc8AcMAfMAW0Hbk29EJwoEm+EAAAAAElFTkSuQmCC") no-repeat 50%;background-size: 18px 18px;
    border-radius: 2px;
    border: 1px solid #e0e0e0
}

#myPackage .ah-orderpage a.next:hover {
    background-color: #333!important;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjNGMzlDQTQzQUQ1MTFFN0JBN0VDQ0I4RTk5RTQ3QkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjNGMzlDQTUzQUQ1MTFFN0JBN0VDQ0I4RTk5RTQ3QkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyM0YzOUNBMjNBRDUxMUU3QkE3RUNDQjhFOTlFNDdCQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyM0YzOUNBMzNBRDUxMUU3QkE3RUNDQjhFOTlFNDdCQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plxx/FkAAADvSURBVHja7Jg9DsIwDIUTeg04EFsGpAzsbByLgXPBMVoFR/JQFgZqOzz0LD2pymD5S/Pz4txaS8ixS+BBAAIQgAAEIMDWOIoeqhINkA2sRC98r9+L6Cy6oy6hSXQTVSSAq878GIi+hAxURXN7j1nHk6cskw2BsE4YDuGRNBTC69eGQXhusBCI5HxKuEN4A7hDRAB8gihbc+fAtkrVG3pajT1FB9rpQbO/qI/6CS/0t5sY+hiFvsigrQS0mYO209APGugnZRlVvJUXWveFwntD1lYCsrF1UVfZdYos3qq1yO40AQhAAAIQgADfxkuAAQC6SaBjlWOZQwAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 18px 18px;
    color: #fff!important
}

#myPackage .ah-orderpage a.prev {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAX1JREFUaAXtls9qwkAQxo3tS4TQpwh5jwqFHrx769N4691DoYfe+hBJLoJQ75I8haTziQsiJkbnz3qYwLJx3Zn5fl9IdiYTv9wBd8AdcAfcAXcgngOJdek8z1+TJFke6y6qqvrlaHjmBN8aWxTFe9d1KxpPiCWQT5pebs1zun96+kPz/ly8VC0TgEviyf09PYkPLog6QJ94ApjXdf3DBVB9iYfEl2X5xRWPeDUAC/FqAFbiVQAsxYsDWIsXBYghXgwglngRgGNv8x3ag0NSOqTwnZf6VCJn38U+yEjoMpZ4QLEB+pyxWmcDoJ9BXxME42nQWOG9CGua86Gt5RRo2/Yvy7It5ZjRCIZgnmG9aZoNJ/+1WDYACkBkLAgRgJgQYgCxIEQBYkCIA1hDqABYQqgBWEGoAlyDSNN0jXME++69wsFzb/yoODR1aO7OT2z0UaMSDGwyAUD9SxADukb/ZQYQIKhPeiPndxi0thit1De6A+6AO+AOuAPuwAM68A9V5A1/rrNc8gAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 18px 18px;
    border-radius: 2px;
    border: 1px solid #e0e0e0
}

#myPackage .ah-orderpage a.prev:hover {
    background-color: #333!important;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzQyQjYwNEQzQUQ1MTFFN0E3OEJDNDZDMjcxQUQ2MzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzQyQjYwNEUzQUQ1MTFFN0E3OEJDNDZDMjcxQUQ2MzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNDJCNjA0QjNBRDUxMUU3QTc4QkM0NkMyNzFBRDYzMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNDJCNjA0QzNBRDUxMUU3QTc4QkM0NkMyNzFBRDYzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsgGtQcAAAD0SURBVHja7JgxDsIwDEVbyjHgQGzZMrCz9TScgaHnopdAahUcyUhQIXVI7NbWt/SHdLD+S9PmJ21KqbFch8Z4AQAAAAAAAACgXYH0ZF1Km7XKUSKSHqSOxyPpbOUNLM2bWkL/zM+kvrhzXkLCiqQp/dbEz4v7mzYvDSBuXhJAxbwUgJp5CQBV87UB1M3XBNjEfC2AsJX5rBpZKIey02KHvZIGxGklgJ5n/VMd556oQoCP2Mlv1MVG5iJKuAhzLuK0iwONiyPlGkTYQxYquZkwdS80cMibazY9KmevDPEi3Xl8s3a1iDgNAAAAAAAAAMB3vQUYADa7ntV9S2w3AAAAAElFTkSuQmCC") no-repeat 50%;background-size: 18px 18px;
    color: #fff!important
}

#myPackage .ah-orderpage a.pageNum {
    border: 1px solid #c9c9c9;
    color: #333;
    border-radius: 1px
}

#myPackage .ah-orderpage a:hover {
    text-decoration: none
}

#myOffer {
    width: 100%;
    background: #fff;
    padding-bottom: 80px
}

#myOffer .ah-nav {
    height: 60px;
    background: #f9f9f9;
    border-bottom: 1px solid #eaeaea
}

#myOffer .ah-nav .ah-navCon {
    width: 1200px;
    height: 60px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#myOffer .ah-nav .ah-navCon li {
    margin: 0 28px;
    float: left;
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position: relative
}

#myOffer .ah-nav .ah-navCon li a {
    float: left;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #666
}

#myOffer .ah-nav .ah-navCon li a:hover {
    text-decoration: none
}

#myOffer .ah-nav .ah-navCon li span {
    float: left;
    width: 7px;
    height: 60px;
    margin-left: 10px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAAG+Fv5aAAAABGdBT…zM8t+/f3uBLuAEK2Bk/M7ExOR86tQpkKGEATCwC0AYl0oAUoQ/ApUf9nIAAAAASUVORK5CYII=") no-repeat 50%;background-size: 7px 4px
}

#myOffer .ah-nav .ah-navCon li .ca-sortSelect {
    display: none;
    width: 120px;
    background: #fff;
    border: 0 solid #c9c9c9;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 50px
}

#myOffer .ah-nav .ah-navCon li .ca-sortSelect li {
    margin: 0;
    padding: 0;
    float: none;
    height: 36px;
    line-height: 36px;
    cursor: pointer
}

#myOffer .ah-nav .ah-navCon li .ca-sortSelect li i {
    float: left;
    width: 9px;
    height: 36px;
    margin-left: 9px
}

#myOffer .ah-nav .ah-navCon li .ca-sortSelect li i.ca-selected {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAAHEcZzWAAAABGdBTUEAALGPC/xhBQAAAl9JREFUSA3FVU1rE1EUzQTjrNwV3ErATdpoab4WWbkQpBSpxbhw6a9x58rf4CJKKZq6E1wETZOp2qAIQpZS8BcoccZzXuY+73udmdJk0QeTe99955778T5SKmWNRqORGDuUN1mAPBsdrbMGBXpCHagvEFNjlzDNZvMI30tjlJ+U80J5GP7ECQqaKAiCH4x8ormpX8G4y0BAfMD8QAClTqdznQvWIEq3270muhNIjFomSRKgsBj0z7X9jE4gw2WG9NE+MGCy8/n8NAUOoijaoS5smNtUreI5GV8NTMlckdsWF3b+zKaRB0XbpujKzXK5fKOcB6KdrcO3ATUcj8enheBWq3VMJ2zIC8pCMFg3CZpMJo8LwejzhACM/kLgaMG4hsmvarUa9vv9P7IA2aCOXj8SG9N4z8lsNvvd6/WuUgfBR0qM/YVY/JrWYfErpjWaGIGO1P0dNAXCuI61bwQIEB14zbkezqboCD4rnZzWSQSwHmrGpXQnjaUY4NRutx/EcXwnDMOnw+HwJ3lWJsahfIhTYTcZ5f7FAa2tRIwzuYdMX6lKY+jr6Ol3p8kKcK6K3dv1SSuVygZJ6bxUxij/Psr//0ri9qH8Oq4dD6MZNmNksAaHZ3KcBeBLbNSOT4q+3tKk9OH7yAv1Dl+dhnQMcPz3vAtWQuBtkA4EBJngrd8cjUb2T0DWTCvS15Dk5k7JIqQNgI26h56+VWssfwuZflY2qzo9LgjAP8Tb1gsKyt/Co/NJ27TuEMtCQQADQflNlB8JPktmEgswKwDKb6P8sWDyZCGxOKkAT3BOR2K/FPkPNHX2sPTfcRgAAAAASUVORK5CYII=") no-repeat 50%;background-size: 9px 10px
}

#myOffer .ah-nav .ah-navCon li .ca-sortSelect li b {
    font-weight: 400;
    float: left;
    height: 36px;
    margin-left: 6px
}

#myOffer .ah-nav .ah-navCon li .ca-sortSelect li:hover {
    background: #e0e0e0
}

#myOffer .ah-nav .ah-navCon li:hover a {
    border-bottom: 2px solid #ffce34;
    color: #333
}

#myOffer .ah-nav .ah-navCon li:hover .ca-sortSelect {
    display: block
}

#myOffer .ah-nav .ah-navCon li.ah-selected a {
    border-bottom: 2px solid #ffce34;
    color: #333;
    font-weight: 600!important
}

#myOffer .ah-nav .ah-navCon li.ah-selected a:hover {
    text-decoration: none
}

#myOffer .cb-myOfferInfo {
    width: 1200px;
    margin: 0 auto
}

#myOffer .cb-myOfferInfo .cb-myOfferTitle {
    width: 100%;
    height: 117px;
    margin: 0 auto;
    border-bottom: 1px solid #e8e8e8;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#myOffer .cb-myOfferInfo .cb-myOfferTitle .cb-myofferTit {
    margin-left: 15px;
    font-size: 16px;
    font-weight: 600;
    color: #333
}

#myOffer .cb-myOfferInfo .cb-myOfferTitle .cb-exchangeArea {
    position: relative
}

#myOffer .cb-myOfferInfo .cb-myOfferTitle .cb-exchangeArea .cb-exchangeTitle {
    float: left;
    font-size: 12px;
    font-weight: 600;
    color: #333;
    line-height: 30px
}

#myOffer .cb-myOfferInfo .cb-myOfferTitle .cb-exchangeArea .cb-exchangeIpt {
    float: left;
    width: 200px;
    height: 30px;
    border: 1px solid #d1c9c9;
    border-radius: 2px
}

#myOffer .cb-myOfferInfo .cb-myOfferTitle .cb-exchangeArea .cb-exchangeIpt .cb-ipt {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background: none;
    text-indent: 11px;
    font-size: 12px;
    color: #333
}

#myOffer .cb-myOfferInfo .cb-myOfferTitle .cb-exchangeArea .cb-exchangeIpt .cb-ipt:focus {
    border: 1px solid #333
}

#myOffer .cb-myOfferInfo .cb-myOfferTitle .cb-exchangeArea .cb-exchangeIpt .cb-ipt::-webkit-input-placeholder {
    color: #999
}

#myOffer .cb-myOfferInfo .cb-myOfferTitle .cb-exchangeArea .cb-exchangeIpt .cb-ipt::-moz-placeholder {
    color: #999
}

#myOffer .cb-myOfferInfo .cb-myOfferTitle .cb-exchangeArea .cb-exchangeIpt .cb-ipt:-ms-input-placeholder {
    color: #999
}

#myOffer .cb-myOfferInfo .cb-myOfferTitle .cb-exchangeArea .cb-exchangeBtn {
    float: left;
    margin-left: 1px;
    width: 60px;
    height: 30px;
    background: #ffcd34;
    border-radius: 2px;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    color: #333;
    cursor: pointer
}

#myOffer .cb-myOfferInfo .cb-myOfferTitle .cb-exchangeArea .cb-exchangeBtn:hover {
    background: #b28c13!important;
    color: #fff!important
}

#myOffer .cb-myOfferInfo .cb-myOfferTitle .cb-exchangeArea .cb-exchangeTip {
    position: absolute;
    left: 79px;
    top: 41px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#myOffer .cb-myOfferInfo .cb-myOfferTitle .cb-exchangeArea .cb-exchangeTip .cb-exchangeIcon {
    float: left;
    width: 14px;
    height: 14px
}

#myOffer .cb-myOfferInfo .cb-myOfferTitle .cb-exchangeArea .cb-exchangeTip .cb-success {
    background: url("data:image/png;  base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAEFCu8CAAAABGdBTUEAALGPC/xhBQAAA5VJREFUSA2tVs1rU0EQn9mXiKjgwR78OOlBvSgoja0HPyC1iB9NpBXUg3+E56oonoSe/Q9EsEpSQbEfoniwNUERL9aDHqS9aA+CiJrmrfPbZJ6bl7y+Rt3D29mZ+c3szs7MPqLmyJd7n4BkfPKlXosZw0ASGDohoi8Nlnyh4WvRQCk3Dykrl5kvZxzH0IgN7XjGGD4ahvapY+Ijqr9kyoLWASXTNJaVzXyFIKDgLNwD3bZBRWJ2QhD5idw1Cu0lZjo8Xai+joS6PTB0zBSrHO1bmc35GzEvGCyCDO1RIRBCbyBrd7lD1pfpbZPZEr0ks+5IHY/CxEvTxUpPdBT4HCjnXlhr+9V/fA6M2TE59PIj+A6YBogbwN4NgraSF4BwFS5eTN+xRjwNIo0FBlLFKXh3h3Wd67egbC2ta2jKVgfKvfuE8UoZamByqPpI8u4zWerxZUq7Mw5OHNheD8MPylxp7hhVAPLl3DvcYhyMc04W58aV33IdYLqtE43JFnNifVGicGdmqHJVATpHwLTtSsHMThcqB1uAxyZyR7RmVJAw1yTKayBz2bpKEPSzSBYHdMEAtdJgXjaGLkJFk8V0imCLDQHNFCrZwAZvlI9sc1sFQyL4yQTBSRW6uQk6Xu7bW7P1CMghnYuAluzmqdNzDwPKNKojAQSDlmlLBJS1HLz3x2Rxdg5gbC/uye3CfWy1rZKltfyU1rI2GSTHYtrPg6W+kTrV7/6xlk6hYgzyD4mbrt7QQBcA5c7Y6CHpYDTcltah3hK3zTwvwdqtepijJPeZSjtDHN5ITRIFiIPAmlG//FSkc5tDFIoN6Z7kwyZV+psZ8WZDw1NDlWc+PnKIMpbiqvyrI984aDiWu8jpXbhLdKGTFve/ncEhbKJ9wofbQKdmDEHXQ0pQ7u+83p+0lwfSKU75dlAYGfnHGPOZXdPqqNDo064SqT4jztpeDfjKoFfHnUjbvS9tdxj8wVJ/X0jLj0V5Y4tegiPpSm2OIhzeBfzISJx3Rswmgd5hmM7gnQMrcsy83g+dnijpHfTtSgK95+Z/zxVf4NNxxyrrxpFiyPB1VxZJb2ikKAQcy2eUQlqybG+u5kQ+XrCu60R12O0fTouxlIX/FEcPBt5mNEvB1lLw3YhrsNn27sctuK5j7W19cePytDVOZJgvaHfx9aOQ+sw47ZoDc1Ga+CG2vE2yeit0JOsW5T4X5H6es7Ul/dmO4/31b0ksvjf08Y3NAAAAAElFTkSuQmCC") no-repeat 50%;background-size: 14px
}

#myOffer .cb-myOfferInfo .cb-myOfferTitle .cb-exchangeArea .cb-exchangeTip .cb-error {
    background: url("data:image/png;  base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAEFCu8CAAAABGdBTUEAALGPC/xhBQAAAwtJREFUSA2dVj2LFEEQrepZ/QOaqIleoomBwoIGoomBcLN74if+DBMNRFEMTO5viKDi7Y5gIIhi4MEdmnqJRhopCGbezpT1eqeGntnenduZYKun6r2qqerq6iUqn0k6eIcl42eymgokHmeW6Wv5C0SIonx1sAMbey3ziESGzmuIViBdwr0LInKyVBLl6eCfKvZBYQ9ADs4qA3yVTy6T97UPZObdCmgoyDxNH6r7vzIYnDJ9jWlKyN7rjF2YDRQGUC9ffR6mCKXGPj7XCGDNOEnT68ZOEnct+kGa0u8kGx+sPgAM3YNPWtAzxm7KhGmFs+w79D4kCD6jkMT0IcwM4Fzom2XuULR4FP4DcOwBWSPy7ZixTcfYnryQz23Apt3xePwFSTcNWjVhx3dm9FpV5F6rKkDYXuxik+D3ZzR6YfoZov90oXU19EnoJ7E8S7LsgRFMVkRJ02MotxlmJPNmLxufNb0nSnr5PLrelPMkDoJ2zX7YfQPESH7ztQlCJzg9vrtARDFCY30daYKyu1ysgnXy7Bu6zX/qrKlFI3yzG5Hp0EKilnwlFluH4fZ0sMWsC3SJ49MOrRTFMN3AvsVs6G/H2n8YB02A6o7qOe019XYgfOfAqPv5S7fmQBMYvmPgcvbKN0VFBECGw6t5XjwPwVhr9B1ttROhvkYMDVjDUVHI4702CQI4x/eQftOXvc8ExEEpKH/Zlq45mCdRb0fJFSuJ4aqAOMYF8VZbICUIOb7rHRTyRHuo8mFOQzkNLH0b4x48bw9CYrXWi1Lnxxre9URvaIcMK9uChU065ydaZMMXcDuZ0FSI5XQarnfy0IGEWE5r2u/A7URBLOcvhk70DiS9hBhDVYTuL0VneuPxQpeW4ell+sh36bw7dBlnbVibOn5++/Gj12UbyduZtnDxTS8/3t4bhzdtxPkMjVROmbd6+Gv/Ws2+rNSsdnXaXAynTS2gOfR/Hoifxv+eGWqB1GolJLdsuoTIaMAQgDUObCGyJsTnWOiIDrPDHqNdJ0w/mOSjY97AxdXkNt//A6wbUZsjkiXnAAAAAElFTkSuQmCC") no-repeat 50%;background-size: 14px
}

#myOffer .cb-myOfferInfo .cb-myOfferTitle .cb-exchangeArea .cb-exchangeTip .cb-exchangeTit {
    float: left;
    margin-left: 6px;
    font-size: 12px
}

#myOffer .cb-myOfferInfo .cb-myOfferTitle .cb-exchangeArea .cb-exchangeTip .cb-successTit {
    color: #43b034
}

#myOffer .cb-myOfferInfo .cb-myOfferTitle .cb-exchangeArea .cb-exchangeTip .cb-errorTit {
    color: #fc4c4d
}

#myOffer .cb-myOfferInfo .cb-offerPaperType {
    width: 100%;
    margin: 0 auto;
    margin-top: 44px;
    margin-left: 19px
}

#myOffer .cb-myOfferInfo .cb-offerPaperType .cb-offerItem {
    float: left;
    margin-right: 34px
}

#myOffer .cb-myOfferInfo .cb-offerPaperType .cb-offerItem .cb-itemTit {
    padding-bottom: 3px;
    font-size: 14px;
    color: #666;
    border-bottom: 2px solid #fff
}

#myOffer .cb-myOfferInfo .cb-offerPaperType .cb-offerItem .cb-selected {
    font-weight: 600!important;
    color: #de3e3e;
    border-bottom: 2px solid #de3e3e
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon {
    width: 100%;
    margin: 0 auto;
    margin-top: 22px;
    background: #f9f9f9;
    margin-bottom: 60px
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList {
    width: 1200px;
    margin: 0 auto;
    padding-top: 26px;
    padding-bottom: 9px
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem {
    float: left;
    width: 394px;
    height: 200px;
    margin: 0 9px 20px 0
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem .cb-itemCon {
    width: 100%;
    height: 100%;
    position: relative
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem .cb-itemCon .cb-itemLeft {
    position: absolute;
    left: 15px;
    top: 0;
    width: 138px;
    height: 151px
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem .cb-itemCon .cb-itemLeft .cb-leftCon {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem .cb-itemCon .cb-itemLeft .cb-leftCon .cb-ite1 {
    margin-top: 48px;
    text-align: center
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem .cb-itemCon .cb-itemLeft .cb-leftCon .cb-ite1 .cb-price {
    font-size: 48px;
    font-weight: 600;
    color: #fff
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem .cb-itemCon .cb-itemLeft .cb-leftCon .cb-ite1 .cb-unit {
    font-size: 16px;
    font-weight: 600;
    color: #fff
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem .cb-itemCon .cb-itemLeft .cb-leftCon .cb-ite2 {
    text-align: center;
    border-top: 1px dashed #fff;
    display: inline-block
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem .cb-itemCon .cb-itemLeft .cb-leftCon .cb-ite2 .cb-voucherType {
    padding: 5px 6px;
    background: #fff;
    border-radius: 4px;
    font-size: 12px
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem .cb-itemCon .cb-itemLeft .cb-leftCon .cb-ite2 .cb-redTit {
    color: #f46950
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem .cb-itemCon .cb-itemLeft .cb-leftCon .cb-ite2 .cb-blueTit {
    color: #40aaed
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem .cb-itemCon .cb-itemLeft .cb-leftCon .cb-ite2 .cb-grayTit {
    color: #cacaca
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem .cb-itemCon .cb-itemLeft .cb-leftCon .cb-ite2 .cb-useRes {
    padding-top: 9px;
    font-size: 12px;
    color: #fff
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem .cb-itemCon .cb-itemRight {
    position: absolute;
    right: 15px;
    top: 0;
    width: 233px;
    height: 151px
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem .cb-itemCon .cb-itemRight .cb-rightCon {
    width: 213px;
    height: 100%;
    padding-top: 19px;
    padding-left: 25px
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem .cb-itemCon .cb-itemRight .cb-rightCon .cb-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    opacity: .8;
    margin-bottom: 13px
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem .cb-itemCon .cb-itemRight .cb-rightCon .cb-listTit {
    width: 100%;
    font-size: 12px;
    color: #666;
    line-height: 24px;
    word-wrap: break-word
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem .cb-itemCon .cb-itemRight .cb-overDate {
    position: absolute;
    right: -4px;
    top: 96px;
    width: 58px;
    height: 58px;
    background: url(../../public/images/offer/cb_maturity.png) no-repeat 50%;
    background-size: 100%
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem .cb-itemCon .cb-itemRight .cb-maskDate {
    position: absolute;
    right: -15px;
    top: 142px;
    width: 23px;
    height: 23px;
    background: #f9f9f9;
    border-radius: 100px
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem .cb-itemCon .cb-itemBottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 49px
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem .cb-itemCon .cb-itemBottom .cb-nowUse {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    text-align: center;
    line-height: 49px
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem .cb-itemCon .cb-itemBottom .cb-canUse {
    color: #1bacdf
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem .cb-itemCon .cb-itemBottom .cb-noUse {
    color: #999
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-paperItem:nth-child(3n) {
    margin-right: 0
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-red {
    background: url(../../public/images/offer/cb_offerRed_bg.png) no-repeat 50%;
    background-size: 100%
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-blue {
    background: url(../../public/images/offer/cb_offerBlue_bg.png) no-repeat 50%;
    background-size: 100%
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-offerPaperList .cb-gray {
    background: url(../../public/images/offer/cb_offerGray_bg.png) no-repeat 50%;
    background-size: 100%
}

#myOffer .cb-myOfferInfo .cb-offerPaperCon .cb-noOfferPaper {
    width: 1200px;
    margin: 0 auto;
    height: 694px;
    background: #f9f9f9 url(../../public/images/offer/cb_noOffer.png) no-repeat 50%;
    background-size: 222px 173px
}

#myOffer .ah-orderpage {
    width: 1200px;
    height: 20px;
    margin: 0 auto;
    padding-top: 30px
}

#myOffer .ah-orderpage a {
    width: 30px;
    height: 30px;
    float: right;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #a3a3a3;
    margin-left: 10px
}

#myOffer .ah-orderpage a span {
    color: #151515
}

#myOffer .ah-orderpage input {
    float: right;
    width: 30px;
    outline: none;
    height: 30px;
    border: 1px solid #333;
    border-radius: 1px;
    margin-left: 10px;
    text-align: center
}

#myOffer .ah-orderpage a.next {
    border: 1px solid #333;
    border-radius: 1px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAYAAABoMT8aAAAAAXNSR0IArs4c6QAAAUJJREFUOBGlkz2uRlAQhuc6jQUoFcJaNDagIFpRKnQKhYWotBYg8mmsg4iCRifRyHfNSQjxcw93Ejl/8z5m5syBoii+mqbR7/P5fJ8aads26LoOhmGALMtAkiRQFAVYjds6TtMEvu9Dmqbb7ds553keEEJWp6cQEkVRgGHneQ5z/hSEI65Z0qEpqKoKYRi+imStwVvICsDY30B2gDeQA+Ap5BTwBHIJYIX8YO+j851hZ2KHYpMtxvM8JEkCtxEszng7juMsSzqO4whlWbIB0DGO4x0AF4Ig/A1AsW3b0Pf9DmAYBsiyfA+4Euu6Dq7rUuBlDe7E+IIXOwWwihFyADwRHwBPxTvAG/EKeCumgKqqTu8Zr2pbbXQ+MzI3SFDX9e6MVYwi7j9iCrAsa/27aZpMYa+CeUKfc9M0dE8Uxe0Z0/wXs4Yi2C4ERToAAAAASUVORK5CYII=") no-repeat 50%;background-size: 5px 7px
}

#myOffer .ah-orderpage a.prev {
    border: 1px solid #333;
    border-radius: 1px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAYAAABoMT8aAAAAAXNSR0IArs4c6QAAAVpJREFUOBGllT3Kg0AQhkejVep4Bjs9gOAFAh5CyA3ERjCNlXaWttYSD5BKT2CTInXUViwV/TILWSL+fGqmWGfHeR9e2B2FfkO8Xq9e1/VeVdXe932iZHCFFZHnOVwuFyjLknaHYQgs3S0kU+JP+7+AObGmaSCK4rKDOfH5fAbLsoiJWQdLYtu2gWGYecBaMRJGDraIR4Ct4gFgj5gC9ooJ4BcxAg51XV+fzyfmNPCcv4+KvphI2MfjMShLkrRajEL2dDoNAFmWQRzHg9rShjVNE3iepz04nI7jwO12o7Wl5BAEwRWH4n6/Q9d1tDdJEhAEgQwMLU4k5CYqigKu6+5yQq/yXggFoLs9kAFgD2QE2AqZBGyBzALWQlZ91tM0BcMwoGka5JLgOA6iKBp/kT4N38+p02nbFoqiWAdAGEI8z4Pj8UjYsiwDDh6Q/9OGpaqq/j3B/dsBUf0BsvpYjhb/liUAAAAASUVORK5CYII=") no-repeat 50%;background-size: 5px 7px
}

#myOffer .ah-orderpage a.pageNum {
    border: 1px solid #c9c9c9;
    color: #333;
    border-radius: 1px
}

#myOffer .ah-orderpage a:hover {
    text-decoration: none
}

#myDrill {
    width: 100%;
    background: #fff
}

#myDrill .ah-nav {
    height: 60px;
    background: #f9f9f9;
    border-bottom: 1px solid #eaeaea
}

#myDrill .ah-nav .ah-navCon {
    width: 1200px;
    height: 60px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#myDrill .ah-nav .ah-navCon li {
    margin: 0 28px;
    float: left;
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position: relative
}

#myDrill .ah-nav .ah-navCon li a {
    float: left;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #666
}

#myDrill .ah-nav .ah-navCon li a:hover {
    text-decoration: none
}

#myDrill .ah-nav .ah-navCon li span {
    float: left;
    width: 7px;
    height: 60px;
    margin-left: 10px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAAG+Fv5aAAAABGdBT…zM8t+/f3uBLuAEK2Bk/M7ExOR86tQpkKGEATCwC0AYl0oAUoQ/ApUf9nIAAAAASUVORK5CYII=") no-repeat 50%;background-size: 7px 4px
}

#myDrill .ah-nav .ah-navCon li .ca-sortSelect {
    display: none;
    width: 120px;
    background: #fff;
    border: 0 solid #c9c9c9;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 3
}

#myDrill .ah-nav .ah-navCon li .ca-sortSelect li {
    margin: 0;
    padding: 0;
    float: none;
    height: 36px;
    line-height: 36px;
    cursor: pointer
}

#myDrill .ah-nav .ah-navCon li .ca-sortSelect li i {
    float: left;
    width: 9px;
    height: 36px;
    margin-left: 9px
}

#myDrill .ah-nav .ah-navCon li .ca-sortSelect li i.ca-selected {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAAHEcZzWAAAABGdBTUEAALGPC/xhBQAAAl9JREFUSA3FVU1rE1EUzQTjrNwV3ErATdpoab4WWbkQpBSpxbhw6a9x58rf4CJKKZq6E1wETZOp2qAIQpZS8BcoccZzXuY+73udmdJk0QeTe99955778T5SKmWNRqORGDuUN1mAPBsdrbMGBXpCHagvEFNjlzDNZvMI30tjlJ+U80J5GP7ECQqaKAiCH4x8ormpX8G4y0BAfMD8QAClTqdznQvWIEq3270muhNIjFomSRKgsBj0z7X9jE4gw2WG9NE+MGCy8/n8NAUOoijaoS5smNtUreI5GV8NTMlckdsWF3b+zKaRB0XbpujKzXK5fKOcB6KdrcO3ATUcj8enheBWq3VMJ2zIC8pCMFg3CZpMJo8LwejzhACM/kLgaMG4hsmvarUa9vv9P7IA2aCOXj8SG9N4z8lsNvvd6/WuUgfBR0qM/YVY/JrWYfErpjWaGIGO1P0dNAXCuI61bwQIEB14zbkezqboCD4rnZzWSQSwHmrGpXQnjaUY4NRutx/EcXwnDMOnw+HwJ3lWJsahfIhTYTcZ5f7FAa2tRIwzuYdMX6lKY+jr6Ol3p8kKcK6K3dv1SSuVygZJ6bxUxij/Psr//0ri9qH8Oq4dD6MZNmNksAaHZ3KcBeBLbNSOT4q+3tKk9OH7yAv1Dl+dhnQMcPz3vAtWQuBtkA4EBJngrd8cjUb2T0DWTCvS15Dk5k7JIqQNgI26h56+VWssfwuZflY2qzo9LgjAP8Tb1gsKyt/Co/NJ27TuEMtCQQADQflNlB8JPktmEgswKwDKb6P8sWDyZCGxOKkAT3BOR2K/FPkPNHX2sPTfcRgAAAAASUVORK5CYII=") no-repeat 50%;background-size: 9px 10px
}

#myDrill .ah-nav .ah-navCon li .ca-sortSelect li b {
    font-weight: 400;
    float: left;
    height: 36px;
    margin-left: 6px
}

#myDrill .ah-nav .ah-navCon li .ca-sortSelect li:hover {
    background: #e0e0e0
}

#myDrill .ah-nav .ah-navCon li:hover a {
    border-bottom: 2px solid #ffce34;
    color: #333
}

#myDrill .ah-nav .ah-navCon li:hover .ca-sortSelect {
    display: block
}

#myDrill .ah-nav .ah-navCon li.ah-selected a {
    border-bottom: 2px solid #ffce34;
    color: #333;
    font-weight: 600!important
}

#myDrill .ah-nav .ah-navCon li.ah-selected a:hover {
    text-decoration: none
}

#myDrill .ah-myDrillInfo {
    width: 1200px;
    margin: 0 auto;
    min-height: 500px;
    margin-top: 36px
}

#myDrill .ah-myDrillInfo:after {
    content: "";
    clear: both;
    display: block
}

#myDrill .ah-myDrillInfo .ah-myDrillLeft {
    margin-right: 9px;
    width: 246px;
    float: left
}

#myDrill .ah-myDrillInfo .ah-myDrillLeft .ah-myDrillInterface {
    height: 290px;
    margin-bottom: 10px;
    background: #f9f9f9;
    border-radius: 4px
}

#myDrill .ah-myDrillInfo .ah-myDrillLeft .ah-myDrillInterface h4 {
    height: 54px;
    font-size: 16px;
    font-weight: 700!important;
    color: #404040;
    line-height: 21px;
    border-bottom: 1px solid #dedede;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0 0 23px;
    margin: 0
}

#myDrill .ah-myDrillInfo .ah-myDrillLeft .ah-myDrillInterface>p {
    margin: 0 auto;
    text-align: center
}

#myDrill .ah-myDrillInfo .ah-myDrillLeft .ah-myDrillInterface .ah-drilltext {
    font-size: 14px;
    color: #414141;
    line-height: 19px;
    margin: 10px 0 8px
}

#myDrill .ah-myDrillInfo .ah-myDrillLeft .ah-myDrillInterface .ah-drillCount {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    line-height: 26px
}

#myDrill .ah-myDrillInfo .ah-myDrillLeft .ah-myDrillInterface .ah-totalCount {
    width: 204px;
    height: 33px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 33px;
    margin: 15px auto 10px
}

#myDrill .ah-myDrillInfo .ah-myDrillLeft .ah-myDrillInterface .ah-totalCount span {
    font-weight: 700!important
}

#myDrill .ah-myDrillInfo .ah-myDrillLeft .ah-myDrillInterface .ah-drillBtn {
    cursor: pointer;
    width: 205px;
    height: 40px;
    background: #ffcd34;
    -webkit-box-shadow: 0 2px 2px 0 hsla(0,0%,82%,.5);
    box-shadow: 0 2px 2px 0 hsla(0,0%,82%,.5);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    line-height: 40px;
    margin-bottom: 12px
}

#myDrill .ah-myDrillInfo .ah-myDrillLeft .ah-myDrillInterface .ah-drillBtn:hover {
    background: #b28c13!important;
    color: #fff!important
}

#myDrill .ah-myDrillInfo .ah-myDrillLeft .ah-myDrillInterface .ah-drillDesc {
    width: 204px;
    font-size: 12px;
    color: #666;
    line-height: 20px;
    text-align: left
}

#myDrill .ah-myDrillInfo .ah-myDrillLeft .ah-myDrillInterface .ah-drillDesc>span {
    width: 13px;
    height: 13px;
    background: #d81e06;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    line-height: 14px;
    text-align: center;
    margin-right: 6px
}

#myDrill .ah-myDrillInfo .ah-myDrillLeft .ah-myDrillTab {
    height: 89px;
    background: #f9f9f9;
    border-radius: 4px;
    padding-bottom: 83px
}

#myDrill .ah-myDrillInfo .ah-myDrillLeft .ah-myDrillTab>li {
    cursor: pointer;
    height: 44px;
    border-bottom: 1px solid #efefef;
    line-height: 42px;
    font-size: 14px;
    color: #666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    position: relative
}

#myDrill .ah-myDrillInfo .ah-myDrillLeft .ah-myDrillTab>li:last-child {
    border: none
}

#myDrill .ah-myDrillInfo .ah-myDrillLeft .ah-myDrillTab>li.active {
    font-weight: 700;
    color: #777
}

#myDrill .ah-myDrillInfo .ah-myDrillLeft .ah-myDrillTab>li.active:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 43px;
    background: #ffd44d
}

#myDrill .ah-myDrillInfo .ah-myDrillRight {
    width: 943px;
    background: #f9f9f9;
    float: right;
    padding-bottom: 83px;
    position: relative
}

#myDrill .ah-myDrillInfo .ah-myDrillRight h4 {
    font-size: 16px;
    font-weight: 700!important;
    color: #333;
    line-height: 21px;
    margin: 19px 0 17px 25px
}

#myDrill .ah-myDrillInfo .ah-myDrillRight ul {
    margin: 0 21px
}

#myDrill .ah-myDrillInfo .ah-myDrillRight ul>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    color: #424242;
    line-height: 19px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #d9d9d9
}

#myDrill .ah-myDrillInfo .ah-myDrillRight ul>li span.ah-bubble {
    display: inline-block;
    width: 18px;
    background: url(../../public/images/myHome/bubble.png) no-repeat 50%;
    background-size: 18px;
    position: absolute;
    height: 100%;
    margin-left: 14px
}

#myDrill .ah-myDrillInfo .ah-myDrillRight ul>li:nth-child(odd) {
    background: #fafafa
}

#myDrill .ah-myDrillInfo .ah-myDrillRight ul>li:nth-child(2n) {
    background: #fff
}

#myDrill .ah-myDrillInfo .ah-myDrillRight ul>li:first-child {
    border-top: 1px solid #d9d9d9;
    height: 45px;
    background: #ffdc7c;
    font-size: 14px;
    color: #333
}

#myDrill .ah-myDrillInfo .ah-myDrillRight ul>li:first-child p {
    line-height: 45px;
    font-weight: 700!important
}

#myDrill .ah-myDrillInfo .ah-myDrillRight ul>li p {
    line-height: 50px;
    border-right: 1px solid #d9d9d9;
    position: relative
}

#myDrill .ah-myDrillInfo .ah-myDrillRight ul>li p:first-child {
    width: 207px;
    border-left: 1px solid #d9d9d9
}

#myDrill .ah-myDrillInfo .ah-myDrillRight ul>li p:nth-child(2) {
    width: 529px
}

#myDrill .ah-myDrillInfo .ah-myDrillRight ul>li p:nth-child(3) {
    width: 163px;
    color: gray;
    font-weight: 700!important
}

#myDrill .ah-myDrillInfo .ah-myDrillRight ul>li p:nth-child(3).plus {
    color: #de4848
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDirllDetail {
    min-height: 270px;
    display: none
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDirllDetail .myDrill-emity {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDirllDetail .ah-myDirllPagination {
    display: none;
    margin: 32px 21px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: right;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 20px
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDirllDetail .ah-myDirllPagination span {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    border: 1px solid #e0e0e0;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAX1JREFUaAXtls9qwkAQxo3tS4TQpwh5jwqFHrx769N4691DoYfe+hBJLoJQ75I8haTziQsiJkbnz3qYwLJx3Zn5fl9IdiYTv9wBd8AdcAfcAXcgngOJdek8z1+TJFke6y6qqvrlaHjmBN8aWxTFe9d1KxpPiCWQT5pebs1zun96+kPz/ly8VC0TgEviyf09PYkPLog6QJ94ApjXdf3DBVB9iYfEl2X5xRWPeDUAC/FqAFbiVQAsxYsDWIsXBYghXgwglngRgGNv8x3ag0NSOqTwnZf6VCJn38U+yEjoMpZ4QLEB+pyxWmcDoJ9BXxME42nQWOG9CGua86Gt5RRo2/Yvy7It5ZjRCIZgnmG9aZoNJ/+1WDYACkBkLAgRgJgQYgCxIEQBYkCIA1hDqABYQqgBWEGoAlyDSNN0jXME++69wsFzb/yoODR1aO7OT2z0UaMSDGwyAUD9SxADukb/ZQYQIKhPeiPndxi0thit1De6A+6AO+AOuAPuwAM68A9V5A1/rrNc8gAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 18px 18px;
    cursor: pointer
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDirllDetail .ah-myDirllPagination span:hover {
    background-color: #333!important;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzQyQjYwNEQzQUQ1MTFFN0E3OEJDNDZDMjcxQUQ2MzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzQyQjYwNEUzQUQ1MTFFN0E3OEJDNDZDMjcxQUQ2MzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNDJCNjA0QjNBRDUxMUU3QTc4QkM0NkMyNzFBRDYzMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNDJCNjA0QzNBRDUxMUU3QTc4QkM0NkMyNzFBRDYzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsgGtQcAAAD0SURBVHja7JgxDsIwDEVbyjHgQGzZMrCz9TScgaHnopdAahUcyUhQIXVI7NbWt/SHdLD+S9PmJ21KqbFch8Z4AQAAAAAAAACgXYH0ZF1Km7XKUSKSHqSOxyPpbOUNLM2bWkL/zM+kvrhzXkLCiqQp/dbEz4v7mzYvDSBuXhJAxbwUgJp5CQBV87UB1M3XBNjEfC2AsJX5rBpZKIey02KHvZIGxGklgJ5n/VMd556oQoCP2Mlv1MVG5iJKuAhzLuK0iwONiyPlGkTYQxYquZkwdS80cMibazY9KmevDPEi3Xl8s3a1iDgNAAAAAAAAAMB3vQUYADa7ntV9S2w3AAAAAElFTkSuQmCC") no-repeat 50%;background-size: 18px 18px;
    color: #fff!important
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDirllDetail .ah-myDirllPagination input {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    border: 1px solid #e0e0e0;
    outline: none;
    text-align: center;
    margin: 0 10px
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDirllDetail .ah-myDirllPagination .prevPage {
    margin-right: 10px
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDirllDetail .ah-myDirllPagination .nextPage {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAXxJREFUaAXtlzGKwzAQRePNKYz3FrYPkW4DC1ukT5fTpEufIpAi9zBuFgLZfrFPEZz5hUIIWHGk0UwzAiFka6T/vm2NPJtZMQfMAXPAHDAHzAE9B7LYpauqWtAcO8wzDMOmbdtT7JzvxH+8M3hk7I6Ef6JmWXas6/pnZFySyxwAd2EEMae6l4SIBiDBG3L+6iikIeZu4dC27/tLURR/FL+k6gxBu8T1ruvOoXNPiYsGwCIQqQXBAqAJwQagBcEKoAHBDiANkQRAEiIZgBREUoBXEHme/yKPYFxocYknNH5SXNM0B8rWq+eMTf3tpAk8g0QAPOtH3xIBwOEOhzyck5xiPA2co1w/tE0OMCYerxTHv0P0D43POZ94fBe+2Kn3kgFIiAdkEgAp8UkAJMWzA0iLZwXQEM8GoCWeBaAsyy/a04/PSQr7PNdWCaFjJTqRkdCtlnhARQM8OkMwVynn3bocAGsS/Y9KT+Jb4rVx4q01B8wBc8AcMAfMAW0Hbk29EJwoEm+EAAAAAElFTkSuQmCC") no-repeat 50%;background-size: 18px 18px;
    margin-left: 10px
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDirllDetail .ah-myDirllPagination .nextPage:hover {
    background-color: #333!important;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjNGMzlDQTQzQUQ1MTFFN0JBN0VDQ0I4RTk5RTQ3QkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjNGMzlDQTUzQUQ1MTFFN0JBN0VDQ0I4RTk5RTQ3QkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyM0YzOUNBMjNBRDUxMUU3QkE3RUNDQjhFOTlFNDdCQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyM0YzOUNBMzNBRDUxMUU3QkE3RUNDQjhFOTlFNDdCQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plxx/FkAAADvSURBVHja7Jg9DsIwDIUTeg04EFsGpAzsbByLgXPBMVoFR/JQFgZqOzz0LD2pymD5S/Pz4txaS8ixS+BBAAIQgAAEIMDWOIoeqhINkA2sRC98r9+L6Cy6oy6hSXQTVSSAq878GIi+hAxURXN7j1nHk6cskw2BsE4YDuGRNBTC69eGQXhusBCI5HxKuEN4A7hDRAB8gihbc+fAtkrVG3pajT1FB9rpQbO/qI/6CS/0t5sY+hiFvsigrQS0mYO209APGugnZRlVvJUXWveFwntD1lYCsrF1UVfZdYos3qq1yO40AQhAAAIQgADfxkuAAQC6SaBjlWOZQwAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 18px 18px;
    color: #fff!important
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDirllDetail .ah-myDirllPagination .totalPage {
    display: block;
    height: 100%;
    margin-left: 6px
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules ul li {
    background: #fff;
    height: 50px;
    line-height: 45px;
    border-right: 1px solid #dadada
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules ul li span {
    text-align: center;
    border-left: 1px solid #dadada
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules ul li .first-td {
    width: 250px
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules ul li .second-td {
    width: 175px
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules ul li .third-td {
    width: 146px
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules ul li .four-td {
    width: 172px
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules ul li .five-td {
    width: 160px
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules ul li.table-th {
    height: 45px;
    background: #ffdb6b;
    line-height: 45px;
    font-size: 14px;
    font-weight: 700!important;
    color: #1f1f1f
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules ul li.table-tr .five-td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 27px
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules ul li.table-tr .five-td button {
    display: inline-block;
    outline: none;
    border: none;
    width: 70px;
    height: 27px;
    background: #ffdb6b;
    border-radius: 4px
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules ul li.table-tr .five-td button:hover {
    background: #b28c13!important;
    color: #fff!important
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules ul li.table-tr .five-td button.done {
    background: #fff;
    color: #333;
    border: 1px solid #333
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules ul li.table-tr .five-td button.done:hover {
    background: #333!important;
    color: #fff!important
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules .ruleContainer {
    margin: 15px 21px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 14px 59px;
    border-bottom: 1px solid #e1e1e1
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules .ruleContainer h5 {
    font-weight: 700!important
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules .ruleContainer h5,#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules .ruleContainer p {
    font-size: 12px;
    color: #666;
    line-height: 23px;
    margin: 0
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules .myInviteLink {
    width: 901px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 18px
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules .myInviteLink h4 {
    margin: 41px 0 17px;
    font-size: 16px;
    font-weight: 700!important;
    color: #404040;
    line-height: 21px
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules .myInviteLink .link-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    position: relative
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules .myInviteLink .link-container input {
    width: 759px;
    background: #fff;
    outline: none;
    border: none;
    font-size: 14px;
    color: #bcbcbc;
    line-height: 50px;
    padding-left: 18px
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules .myInviteLink .link-container button {
    outline: none;
    border: none;
    width: 141px;
    height: 50px;
    background: #ffcd34;
    border-radius: 0 4px 4px 0;
    font-size: 14px;
    font-weight: 700!important;
    color: #1f1f1f;
    line-height: 50px
}

#myDrill .ah-myDrillInfo .ah-myDrillRight .ah-myDrillRules .myInviteLink .link-container button:hover {
    background: #b28c13!important;
    color: #fff!important
}

#downloadHistory {
    width: 100%;
    background: #fff;
    padding-bottom: 80px
}

#downloadHistory .ah-nav {
    height: 60px;
    background: #f9f9f9;
    border-bottom: 1px solid #eaeaea
}

#downloadHistory .ah-nav .ah-navCon {
    width: 1200px;
    height: 60px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#downloadHistory .ah-nav .ah-navCon li {
    margin: 0 28px;
    float: left;
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position: relative
}

#downloadHistory .ah-nav .ah-navCon li a {
    float: left;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #666
}

#downloadHistory .ah-nav .ah-navCon li a:hover {
    text-decoration: none
}

#downloadHistory .ah-nav .ah-navCon li span {
    float: left;
    width: 7px;
    height: 60px;
    margin-left: 10px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAAG+Fv5aAAAABGdBT…zM8t+/f3uBLuAEK2Bk/M7ExOR86tQpkKGEATCwC0AYl0oAUoQ/ApUf9nIAAAAASUVORK5CYII=") no-repeat 50%;background-size: 7px 4px
}

#downloadHistory .ah-nav .ah-navCon li .ca-sortSelect {
    display: none;
    width: 120px;
    background: #fff;
    border: 0 solid #c9c9c9;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 50px
}

#downloadHistory .ah-nav .ah-navCon li .ca-sortSelect li {
    margin: 0;
    padding: 0;
    float: none;
    height: 36px;
    line-height: 36px;
    cursor: pointer
}

#downloadHistory .ah-nav .ah-navCon li .ca-sortSelect li i {
    float: left;
    width: 9px;
    height: 36px;
    margin-left: 9px
}

#downloadHistory .ah-nav .ah-navCon li .ca-sortSelect li i.ca-selected {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAAHEcZzWAAAABGdBTUEAALGPC/xhBQAAAl9JREFUSA3FVU1rE1EUzQTjrNwV3ErATdpoab4WWbkQpBSpxbhw6a9x58rf4CJKKZq6E1wETZOp2qAIQpZS8BcoccZzXuY+73udmdJk0QeTe99955778T5SKmWNRqORGDuUN1mAPBsdrbMGBXpCHagvEFNjlzDNZvMI30tjlJ+U80J5GP7ECQqaKAiCH4x8ormpX8G4y0BAfMD8QAClTqdznQvWIEq3270muhNIjFomSRKgsBj0z7X9jE4gw2WG9NE+MGCy8/n8NAUOoijaoS5smNtUreI5GV8NTMlckdsWF3b+zKaRB0XbpujKzXK5fKOcB6KdrcO3ATUcj8enheBWq3VMJ2zIC8pCMFg3CZpMJo8LwejzhACM/kLgaMG4hsmvarUa9vv9P7IA2aCOXj8SG9N4z8lsNvvd6/WuUgfBR0qM/YVY/JrWYfErpjWaGIGO1P0dNAXCuI61bwQIEB14zbkezqboCD4rnZzWSQSwHmrGpXQnjaUY4NRutx/EcXwnDMOnw+HwJ3lWJsahfIhTYTcZ5f7FAa2tRIwzuYdMX6lKY+jr6Ol3p8kKcK6K3dv1SSuVygZJ6bxUxij/Psr//0ri9qH8Oq4dD6MZNmNksAaHZ3KcBeBLbNSOT4q+3tKk9OH7yAv1Dl+dhnQMcPz3vAtWQuBtkA4EBJngrd8cjUb2T0DWTCvS15Dk5k7JIqQNgI26h56+VWssfwuZflY2qzo9LgjAP8Tb1gsKyt/Co/NJ27TuEMtCQQADQflNlB8JPktmEgswKwDKb6P8sWDyZCGxOKkAT3BOR2K/FPkPNHX2sPTfcRgAAAAASUVORK5CYII=") no-repeat 50%;background-size: 9px 10px
}

#downloadHistory .ah-nav .ah-navCon li .ca-sortSelect li b {
    font-weight: 400;
    float: left;
    height: 36px;
    margin-left: 6px
}

#downloadHistory .ah-nav .ah-navCon li .ca-sortSelect li:hover {
    background: #e0e0e0
}

#downloadHistory .ah-nav .ah-navCon li:hover a {
    border-bottom: 2px solid #ffce34;
    color: #333
}

#downloadHistory .ah-nav .ah-navCon li:hover .ca-sortSelect {
    display: block
}

#downloadHistory .ah-nav .ah-navCon li.ah-selected a {
    border-bottom: 2px solid #ffce34;
    font-weight: 600!important;
    color: #333
}

#downloadHistory .ah-nav .ah-navCon li.ah-selected a:hover {
    text-decoration: none
}

#downloadHistory .other-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#downloadHistory .other-info #logSum {
    margin-top: 30px;
    margin-left: 15px
}

#downloadHistory .other-info .oper-controls {
    margin: 32px 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#downloadHistory .other-info .oper-controls .all-selected {
    font-size: 12px;
    color: #333;
    line-height: 16px;
    margin-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#downloadHistory .other-info .oper-controls .all-selected span {
    margin-right: 6px;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #979797
}

#downloadHistory .other-info .oper-controls .all-selected span.selected {
    background-color: #ffcd34;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAWCAYAAADTlvzyAAABvUlEQVRIS7XUPUsjQRgH8OfZI43eIb5gzughigiCCIIoXH+grf1ZTpKZDWlCvkiKJBZ2loKVIt750t99gOMaCzsLQ65IzEz2f0wwYlazednNdrvM8NvnmXn+TCN+stlsvF6vfwfwkEgkjnmUnpRyzRhzTUTxZ+doZKBSalVrfUNEc+2imPlxJKCUcqXZbN4AmH/dQWb+FTnouu6S1voWwBcf9gRgL1JQKbVoMSJa9GNEtF8ul88iAzOZzEKj0bCVLXfD7PdIQNd1ExYjopUgLBJQSvnZGGOx1V5YaDCVSs16nmev/lo/WAsUQowxsySiKWY+LJVKd/2EgRBihpmvAaz3i7XAZDJ5AmC/9cL86DjOt2Kx+DsIVUpNa62viGhjEKwN/gPw8XUaBKHpdHrS87yfADYHxdrgOYBd3+Z3KxVCTDDzDwBbw2At0KZ5rVazAes/+A40n89/qlQql0S0Myz2ckt7ocz8xxhzQURfw2AdYxGEEtFfANthsTdz2A3131hmfmpnYz8j1PGj/g290DBY16QJaO/Qlb2MXbeW+NGwlfUE7YJcLjderVYPHMf5EIvFTguFwv2gZ+Zf/x9lJ/0AVdlCmAAAAABJRU5ErkJggg==");background-repeat: no-repeat;
    background-position: 50%;
    background-size: 14px 11px
}

#downloadHistory .other-info .oper-controls .oper-btn {
    width: 106px;
    height: 32px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d8d8d8;
    line-height: 32px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#downloadHistory .other-info .oper-controls .oper-btn:hover {
    background: #333!important;
    color: #fff!important
}

#downloadHistory .other-info .oper-controls .oper-btn img {
    width: 16px;
    height: 16px;
    margin-right: 6px
}

#downloadHistory .other-info .oper-controls .create-auth,#downloadHistory .other-info .oper-controls p+p {
    margin-left: 10px
}

#downloadHistory .ah-myOrderInfo {
    width: 1200px;
    margin: 0 auto;
    margin-top: 12px;
    height: auto!important
}

#downloadHistory .ah-myOrderInfo .ah-myOrderInfo-firstLine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#downloadHistory .ah-myOrderInfo .ah-myOrderInfo-firstLine>p {
    margin-top: 45px;
    font-size: 12px;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center
}

#downloadHistory .ah-myOrderInfo .ah-myOrderInfo-firstLine .price-rules {
    display: inline-block;
    width: 18px;
    margin-right: 6px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAYAAAFJtetpAAAABGdBTUEAALGPC/xhBQAABWRJREFUWAnVV11oXEUUPjO7m2x276Ya27S1KUbTVoqtCUmI+lakJT+mtEjF16YiVsUWhYogKFKf/EHwB+mDWpUKNYjFh2yifWlBRJpsrIEQq/iDIamtxpK9d/OzuzOeM5vZndm9m13jkxd25/x858y5M3POmQuw8rhj3X8QGaS/5Gi3DK7fjyNIRhopoREY6mSG9DmExIeQOUnxvzvWc3ZxvH87yVkxjOfRPKLIgkCkyOB4HqAJRkQq0XsoK8SgFuox1jnCOM2olU7HsNLpkQJgFE46m76iraKtZ8G7/LBmQU1BXHG4FFCsc/jNPEAmejd4Qoyh4nunc7hfu1CAUmuEMfYqxvIsN5W8rhkgEFPGuJYniDCWipzZi8uAXS2s1IpSvyJZS5CbDAD5qwFcF9Kph3P+CA9A4F4tCG18UJNqjLbH31dv4Sa690oBX5laWmaTL0tbqNR3/VuymfR0WTQqKKRI59C3GqMcVGOoDfTIOOxz2kfOM9oiV4hrWqHHaNtnkJm7CJm/L0K45QVYmj4FmT9zp0VjcIUOMne053dczyYtVCMLYRrEQKbnFEs7WLfzHfASD1gwYmgfLpdIZTpvTBsnlmZ9jXHj5tUamOelxNkqApURpCeCTt8qWFvF2AW9z9Y2apQ33n1AZtm7uDabczI2zzl7mk6OxujR14E71jcAMnsUk6INpJzEpTrjdMZf00bmaDlIjvZ8imf8IRNg0vial3BRuyyZZjALFjHJajW/2qjfnzAqnfAszFZrTEaIXymU6ACPcRclJinsh0Pw5j0QqO+wxcghPuAmep4hBRfZzDfFCBZqAKdjCNcvDTyyA2n7CBNeCvk6jUEM3a4KKIzsOg3exGGQy1chC19D6Jb7sVhsUjwZmU+JMSlTk49ZYB7eiu1h3rRT9MJ4T7OvA4lnXz+UiVlvCkCVfy3NjYzxGtWWbHGBCzUeBBZaDwtTxwpCgwq3DV1Z1UFN06NlsrDghWN7KLSKglxRfvmvIZzB20Sro4yncAl3o0Yr9Ujbl5o6DsL7QYvyoz6N+Vz4NzXBWcfDbHt8ibzlHRCDkfyKkdxGtP/Dktjz6k2dtY0YcrOzsT7CGHxggjCtv3A4byw2tjBrZaxX8HNCySYymZP4snv9jr2fDbbVCcnky0778CDWELvnFhn4BpAa7btHgDjnn+VFHiqwGMAy/h73K6dkagWgJmbiAr5pVYWtwtylas6Pxdrjb5mKfACVyrFp9F9oXI3fovXsTusYu6PdX+JG7avGMau9FcLNJyDg7LTgMuvB8szHkL52zpKXYebwtDexrYMLeCXuG5AyW9Lu/Axrb38OQg17YGnmI0jPfmJBuLMb6na8Alj68CJ6yNL5MZRqTsfIEa7apx+iSEYFnSYXi9MlkxNUuBMgFn7BO42DXWRbkXUpi98BA/LH3trgSu8uRRRJqLuY909LjR8U4W0vQSByB6Svx7H0/2SpyzELXqA1mLs4QFs5UCV5uOVFCN50H2TmE+COH8ClUCWykpnS14XqJrGf8DNotaYA6MoYiLRgC30Cl//nqibNg7C8srsGXZWGmAUTmAW78spqCB6G0Ib92KtvQOYv635f0RonTUc538La49dVM4h2DN+N+XmpoqUBYMF1+NWzGwJRSsd8OTEQ5UiWlKFIE01OCNXScXKq111eoveIEOK9cqamnAUiwLEmCPqixQ8GzCZT7Utjj/gQv/QOm0rf0JOJ3qeYkG/QDc4Er5XGFzyN1e+orn6mH98ANIDy1EvKJ/EW+DzKGrS80kh7jIXmlAhGTsZaPy/5gDLtVw3ABJo0Bbboys2SBRs5iBu1oegMnWgT87+h/wErb/5JJxGYSAAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 18px;
    height: 18px
}

#downloadHistory .ah-myOrderInfo .ah-myOrderInfo-firstLine .price-rules-text {
    border-bottom: 1px dashed #979797;
    cursor: pointer
}

#downloadHistory .ah-myOrderInfo .ah-myOrderTit {
    font-size: 20px;
    color: #000;
    margin: 45px 0 0 15px
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle {
    height: 68px;
    border-bottom: 1px solid #e4e4e4
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-usePackage {
    float: left;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-usePackage li {
    min-width: 86px;
    float: left;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    color: #333
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-usePackage li span {
    float: left
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-usePackage li span.ah-dropDown {
    width: 10px;
    height: 7px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAFYwwxmAAAAAXNSR0IArs4c6QAAAYBJREFUOBGVUzGugkAQHaDUCwh3wEITS1vwBliaGC+hnafQaKm1FMRSKwKxkTuoF7A1/H0Du9n1S6KTsLyZefuYnR2sxWJRJklCbKWwXq+HV2kBIGpfLhfOWgj3+312sHS7XSIEYff7vQJiVXsVVQA7z3PdJ+jawsh1XU6cz+eKIIWGw6GEJX99MBjQ6/UyZHRnu90SExE8Ho80n8/1PGN5HlW6/AZOjGe1WskQvz8e5112NBqRdb1ey8lk8p5TvuM4lGUZ2b7vV+1TKROkacoBG+tmszGztbdcLtFA9qpVQNXEmoTmBkFQe+IaJGq1WjSbzaRLcRwrzMDogXBwG/oty7z1fD7L8XhMt9vNVPjR8zyPdrsd2SjtcDgY5f2oxXuhAS01EhB5PB4URRGJqr/SbLfbtN/vqdPpKL5qIiJInE4nCsNQEZoAOODqYuAaFeqbi6Kg6XT6b+oxSev1mjBIn8yoUCdgA6aLf946AYxYkxhojRXq4vjlYPrA6Xkd/wEnDPalOombZgAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 10px 7px;
    margin-left: 9px
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-usePackage li #AuthCompany {
    max-width: 190px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-usePackage li.ah-usePackage-one {
    margin-left: 15px
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-usePackage li.ah-usePackage-three,#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-usePackage li.ah-usePackage-two {
    margin-left: 29px;
    margin-right: 20px
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-usePackage li.ah-usePackage-three {
    margin-left: 15px
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-usePackage li.ah-usePackage-four {
    max-width: 120px
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-timeFilter {
    float: right;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-timeFilter li {
    float: left;
    height: 28px
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-timeFilter li.ah-idCode {
    width: 290px;
    height: 28px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #c9c9c9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-timeFilter li.ah-idCode div {
    position: relative;
    padding-left: 8px;
    line-height: 29px;
    font-size: 12px;
    color: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-timeFilter li.ah-idCode div i {
    width: 8px;
    height: 5px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAAG+Fv5aAAAABGdBTUEAALGPC/xhBQAAAMpJREFUGBljNDY2nsDAwJDPCGT8BzIgAMh5DRNAkWEEyYNk2NjYVMEcExOTY////7eE6gRTQEkuZD5Ix19TU9MgmCCKmTBBKD2RCUM7UIaRkfH42bNnC8B2Wlpaqvz69es2VMcboIQoiikgu0B2IgsyNjQ0MG3ZsmU10LVwhyArQGcDrVzn4+MTCrYSJAk0UQRIHQdiFRAfC7gDFLMEOucNSA6uEabQzMzM8t+/f3uBLuAEK2Bk/M7ExOR86tQpkKGEATCwC0AYl0oAUoQ/ApUf9nIAAAAASUVORK5CYII=") no-repeat 50%;background-size: 8px 5px;
    display: inline-block;
    height: 110%;
    margin-left: 4px
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-timeFilter li.ah-idCode div ul {
    width: 105px;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px 0 hsla(0,4%,74%,.5);
    box-shadow: 0 1px 3px 0 hsla(0,4%,74%,.5);
    position: absolute;
    left: 0;
    bottom: -79px;
    display: none;
    z-index: 9
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-timeFilter li.ah-idCode div ul li {
    width: 100%;
    height: 26px;
    line-height: 26px;
    padding-left: 8px
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-timeFilter li.ah-idCode div ul li.selected {
    background: #ededed
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-timeFilter li.ah-idCode input {
    font-size: 12px;
    width: 146px;
    height: 100%;
    border: none;
    background: none;
    outline: none;
    text-indent: 10px;
    line-height: 28px
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-timeFilter li.ah-startTime {
    width: 160px;
    background: #fff
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-timeFilter li.ah-startTime input {
    border: 1px solid #c9c9c9;
    width: 100%;
    height: 100%;
    background: none;
    outline: none;
    text-indent: 10px;
    line-height: 28px
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-timeFilter li.ah-startTime input:focus {
    border: 1px solid #333
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-timeFilter li.ah-endTime {
    width: 160px;
    background: #fff
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-timeFilter li.ah-endTime input {
    width: 100%;
    height: 100%;
    background: none;
    outline: none;
    text-indent: 10px;
    line-height: 28px;
    border: 1px solid #c9c9c9
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-timeFilter li.ah-endTime input:focus {
    border: 1px solid #333
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-timeFilter li.ah-divideLine {
    margin: 0 7px;
    font-size: 16px;
    color: #e0e0e0;
    line-height: 28px
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-timeFilter li.ah-searchBtn {
    width: 60px;
    border: 1px solid #333;
    margin-left: 20px;
    background: #ffcd34;
    border: 1px solid #ffcd34;
    -webkit-box-shadow: 0 2px 2px 0 #d2d2d2;
    box-shadow: 0 2px 2px 0 #d2d2d2
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-timeFilter li.ah-searchBtn input {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    outline: none;
    text-align: center;
    line-height: 28px
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle ul.ah-timeFilter li.ah-searchBtn input:hover {
    background: #b28c13!important;
    color: #fff!important
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle .ah-applyInvoice {
    float: right;
    height: 68px
}

#downloadHistory .ah-myOrderInfo .ah-orderTitle .ah-applyInvoice a {
    width: 100px;
    height: 24px;
    display: block;
    border: 1px solid #333;
    margin-top: 22px;
    text-align: center;
    line-height: 24px;
    font-size: 14px
}

#downloadHistory .ah-myOrderInfo .ah-noOrder {
    height: 521px;
    text-align: center;
    font-size: 16px;
    color: #a3a3a3;
    line-height: 52px
}

#downloadHistory .ah-myOrderInfo .ah-noOrder img {
    width: 160px;
    height: 137px;
    margin-top: 85px
}

#downloadHistory .ah-myOrderInfo .ah-noOrder button {
    width: 144px;
    height: 42px;
    line-height: 42px;
    background: #f3cc47;
    border-radius: 3px;
    margin-top: 85px;
    border: none;
    font-size: 16px;
    color: #1a1a1a
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow {
    height: auto!important;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    overflow: hidden;
    padding-bottom: 25px
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowTitle {
    height: 52px;
    background: #ffdc7c;
    color: #333
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowTitle li {
    width: 133px;
    height: 52px;
    float: left;
    line-height: 52px;
    font-size: 16px;
    color: #424242;
    text-align: center;
    border-right: 1px solid #f0f0f0
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowTitle li:first-child {
    width: 269px
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowTitle li:last-child {
    border: none
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList {
    height: auto!important
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol {
    margin: 5px 0
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li {
    width: 133px;
    height: 52px;
    float: left;
    font-size: 14px;
    color: #424242;
    text-align: center;
    border-right: 1px solid #f0f0f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    position: relative
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li span.ah-bubble {
    display: inline-block;
    width: 18px;
    background: url(../../public/images/myHome/bubble.png) no-repeat 50%;
    background-size: 18px;
    position: absolute;
    top: -1px;
    height: 100%
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li:first-child {
    width: 269px
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li:last-child {
    border: none
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li.item-li1 {
    width: 9%
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li.item-li2 {
    width: 9.75%
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li.item-li3 {
    width: 7.25%
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li.item-li4 {
    width: 10%
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li.item-li5 {
    width: 6.3%
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li.item-li6 {
    width: 15.083%
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li.item-li7 {
    width: 10.583%
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li.item-li8 {
    width: 9.67%
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li.item-li9 {
    width: 22.365%!important
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li.oper-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li.oper-controls .oper-btn {
    font-size: 12px;
    color: #010101;
    line-height: 30px;
    border-bottom: 1px solid #979797;
    cursor: pointer
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol li.oper-controls .disabled-btn {
    color: #dadada;
    border-bottom: 1px solid #dadada
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol:nth-of-type(2n) {
    background: #fafafa
}

#downloadHistory .ah-myOrderInfo .ah-OrderFlow .ah-orderFlowList ul.ah-orderFlowCol:after {
    content: "";
    display: block;
    clear: both
}

#downloadHistory .ah-myOrderInfo .ah-noOrderTip {
    border-bottom: none
}

#downloadHistory .ah-myOrderInfo #ah-downloadHistory .ah-orderFlowTitle li.item-title1 {
    width: 9%
}

#downloadHistory .ah-myOrderInfo #ah-downloadHistory .ah-orderFlowTitle li.item-title2 {
    width: 9.75%
}

#downloadHistory .ah-myOrderInfo #ah-downloadHistory .ah-orderFlowTitle li.item-title3 {
    width: 7.25%
}

#downloadHistory .ah-myOrderInfo #ah-downloadHistory .ah-orderFlowTitle li.item-title4 {
    width: 10%
}

#downloadHistory .ah-myOrderInfo #ah-downloadHistory .ah-orderFlowTitle li.item-title5 {
    width: 6.3%
}

#downloadHistory .ah-myOrderInfo #ah-downloadHistory .ah-orderFlowTitle li.item-title6 {
    width: 15.083%
}

#downloadHistory .ah-myOrderInfo #ah-downloadHistory .ah-orderFlowTitle li.item-title7 {
    width: 10.583%
}

#downloadHistory .ah-myOrderInfo #ah-downloadHistory .ah-orderFlowTitle li.item-title8 {
    width: 9.67%
}

#downloadHistory .ah-myOrderInfo #ah-downloadHistory .ah-orderFlowTitle li.item-title9 {
    width: 22.365%!important
}

#downloadHistory .ah-myOrderInfo #ah-downloadHistory .ah-orderFlowTitle li:last-child {
    float: right
}

#downloadHistory .ah-myOrderInfo #ah-downloadHistory .ah-orderFlowList ul.ah-orderFlowCol li {
    height: 175px;
    font-size: 14px;
    color: #333;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#downloadHistory .ah-myOrderInfo #ah-downloadHistory .ah-orderFlowList ul.ah-orderFlowCol li:first-child {
    cursor: pointer
}

#downloadHistory .ah-myOrderInfo #ah-downloadHistory .ah-orderFlowList ul.ah-orderFlowCol li:first-child span {
    text-align: center;
    float: left;
    width: 80px;
    height: 80px;
    background: #fff;
    border: 1px solid #e0e0e0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

#downloadHistory .ah-myOrderInfo #ah-downloadHistory .ah-orderFlowList ul.ah-orderFlowCol li:first-child span img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%
}

#downloadHistory .ah-myOrderInfo #ah-downloadHistory .ah-orderFlowList ul.ah-orderFlowCol li:first-child span .ah-checkbox {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #d4d4d4
}

#downloadHistory .ah-myOrderInfo #ah-downloadHistory .ah-orderFlowList ul.ah-orderFlowCol li:first-child span .ah-checkbox.selected {
    background-color: #ffcd34;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAWCAYAAADTlvzyAAABvUlEQVRIS7XUPUsjQRgH8OfZI43eIb5gzughigiCCIIoXH+grf1ZTpKZDWlCvkiKJBZ2loKVIt750t99gOMaCzsLQ65IzEz2f0wwYlazednNdrvM8NvnmXn+TCN+stlsvF6vfwfwkEgkjnmUnpRyzRhzTUTxZ+doZKBSalVrfUNEc+2imPlxJKCUcqXZbN4AmH/dQWb+FTnouu6S1voWwBcf9gRgL1JQKbVoMSJa9GNEtF8ul88iAzOZzEKj0bCVLXfD7PdIQNd1ExYjopUgLBJQSvnZGGOx1V5YaDCVSs16nmev/lo/WAsUQowxsySiKWY+LJVKd/2EgRBihpmvAaz3i7XAZDJ5AmC/9cL86DjOt2Kx+DsIVUpNa62viGhjEKwN/gPw8XUaBKHpdHrS87yfADYHxdrgOYBd3+Z3KxVCTDDzDwBbw2At0KZ5rVazAes/+A40n89/qlQql0S0Myz2ckt7ocz8xxhzQURfw2AdYxGEEtFfANthsTdz2A3131hmfmpnYz8j1PGj/g290DBY16QJaO/Qlb2MXbeW+NGwlfUE7YJcLjderVYPHMf5EIvFTguFwv2gZ+Zf/x9lJ/0AVdlCmAAAAABJRU5ErkJggg==");background-repeat: no-repeat;
    background-position: 50%;
    background-size: 14px 11px
}

#downloadHistory .ah-myOrderInfo #ah-downloadHistory .ah-orderFlowList ul.ah-orderFlowCol li:first-child span b {
    position: absolute;
    right: 0;
    top: 0;
    float: left;
    width: 30px;
    height: 16px;
    background: #fc002d;
    border: 1px solid #d40026;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    font-weight: 400
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory {
    width: 100%;
    height: 500px
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow {
    width: 100%;
    height: 175px
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow .ca-item-col {
    float: left;
    height: 175px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid #f0f0f0;
    font-size: 12px;
    color: #333;
    position: relative
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow .ca-item-col span.ah-bubble {
    display: inline-block;
    width: 18px;
    background: url(../../public/images/myHome/bubble.png) no-repeat 50%;
    background-size: 18px;
    position: absolute;
    top: -1px;
    height: 100%
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow .ca-item-col .ca-videoHistoryTit {
    width: 72px;
    font-size: 12px;
    color: #666;
    text-align: center
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow .ca-item-col1 {
    width: 112px
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow .ca-item-col1 .ca-imgVideo {
    display: block;
    width: 80px;
    height: 80px;
    position: relative;
    cursor: pointer
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow .ca-item-col1 .ca-imgVideo img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    max-width: 100%;
    max-height: 100%
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow .ca-item-col1 .ca-imgVideo .ca-playIconImg {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    width: 32px;
    height: 28px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA4CAYAAAE6H87kAAAABGdBTUEAALGPC/xhBQAABSFJREFUaAXlmkuIHUUUhnNHjWDUoKIL0TjqKj5QohtRNBsfEBA0ihpBcGE0RMnSB8GVgogiMUISFy6DLiSiguLOTSALRTe6chPBIQaFUcQQDeP3t3Wa6pqu7q5+3L53UnBSr3PO/58z1dXVdTNZR1lZWTlINVE7KMuTislMd4F/c8vJZPJs4GGdFApFSr7iKgVpA7vJrM61htVMHrK2anlYsoFwUuOKYj31flPy64xPmZWvVCDpszelgoIGndK/UQU3kUcnkn5Yf6GwwaxVhxCFSSlUhimFuhJSqNNfNZ8HE874KSPOW5nfFeqoH3XgK+PsO/rZUguS1sxBaFRwXjXpK8ba2dPQxYk52APCDTGUyPhhcvN11z/jcrjSImDR4Y1dHaxa6xmUFpFbSD9Esd1EJQOc7HOOon4qHZiVc/K89f26kQMZ4OQfqn2+sdqNngUpxhZbrQMMd2B/j5yUlagDDBXegTIjf6zrSixfBz5CXVs083dDnXLJ/B57Gu9jcnuJwqBDWl/KYZutoDdiSmHqPtQbuBxFl2EZij3XZO025neW6aSOJREw5xD5hra9pXT+eAdp5auVkRFRDZnTVLttjOy8QPsm69fVnQmEABDKT2OQeYL5raGO39ciHKQA/jiOt9Y57y0DAGpPeQu5sA7Un+9EANBFnL3sO0xtJxEA8BkHcHsqUEw/iQBOegM2QlqEr1tnjDp7GQmY9Oqtrbf3NMrvgOzlkT0TEtjGxMYBGazg+0fkgNvA/v/WJHr/S2lA/ILrjyHx1QLgbxaGp9fZDvZ6LcIhU14Xzq7BtuI6ZDe/eWwCk1QCfzeMrLFayk54hFX7pTyzeN6guqQxSoViSgZOmh+IvET7Vet3qVMIFHAgcQLRseyLwkRipzUBw4HEJ47IbzaWUncmYGCQeIX2Xus3rXsjIEBInHTZ+HwUAgYKic8cERuK1r1mIIpSMTEIAfaJCxDdCdeWlI2o1pkUAH6R6rpGyij1RgDgO/H3VFNg0+tMAGDd5L6N5Kcrc96k7kQAcH0TLDYBiumkEDjPnAB8N+0nrd+lTiHwNMDnA9bryTn1MewVXJlLJdAl26W2YxNYGpvAByKga7oxyhIvrOPZ5sHqPgcGryGXTolJ9pODsAq7F0S2MKarlTE/VsRrqLKM4w/J/LcGYH8BBZ5d+9nEWVAfUiJ0VT3Na4lZy+thbQK6EjlbyzYlYK0+703+qN1/+WyCMss6KYexlDi02+5nk/mZPeYq2o8gm1McTEu382+eEaLvE7x+UCoUkqEflrTn3Ivo3T96GWoFlAZGUk4zccSJvh/1+n0UmdYBCKhimWoCitDZRYoOJNmhhGRcQVuHsBtDvSH7oybAD4zV8Sv9dzXmHpUHaN6PDMpxUOcKpk1xj8qn2EqUkFuoHkMuU7/PMpMJCAMkId8zJlEyLqdSMm5Wv2sZ+3s0mT/J0AXsexj2ckE/FysgzBKr4GrGdofjbfpzkQAC1lfrHcjDyEVtAo3ZzGwCCHoDpB9E9LVauLeIBdNmfKYSQNCbCEJXj9e2CaaNzagJcEtbl/oPIUn/16ZNsGU2U0+AW9oK+C5ksKVdFmzZ2FAJ2AJY/jFE0Iv0tbSvQWaqDPU1OFNBVpGZu4NQVTBt5pSAU20M14jNKSXg6BoJpk0YRxc4V3+E5bE21nNuc0yx568hduqLCeg55Po5D6yO/k8oHCT4P6SYJyC0IiE6lV2J6Ow9E/d3IccG/TPo/In8QsDHy/T/A5JgQXKsfBsMAAAAAElFTkSuQmCC") no-repeat 50%;background-size: 32px 28px
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow .ca-item-col1 .ca-imgVideo .ca-playType {
    position: absolute;
    right: 0;
    top: 0;
    float: left;
    width: 30px;
    height: 16px;
    background: #fc002d;
    border: 1px solid #d40026;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    font-weight: 400;
    z-index: 3
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow .ca-item-col1 .ah-checkbox {
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    z-index: 11;
    background: #fff;
    border: 1px solid #d4d4d4
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow .ca-item-col1 .ah-checkbox.selected {
    background-color: #ffcd34;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAWCAYAAADTlvzyAAABvUlEQVRIS7XUPUsjQRgH8OfZI43eIb5gzughigiCCIIoXH+grf1ZTpKZDWlCvkiKJBZ2loKVIt750t99gOMaCzsLQ65IzEz2f0wwYlazednNdrvM8NvnmXn+TCN+stlsvF6vfwfwkEgkjnmUnpRyzRhzTUTxZ+doZKBSalVrfUNEc+2imPlxJKCUcqXZbN4AmH/dQWb+FTnouu6S1voWwBcf9gRgL1JQKbVoMSJa9GNEtF8ul88iAzOZzEKj0bCVLXfD7PdIQNd1ExYjopUgLBJQSvnZGGOx1V5YaDCVSs16nmev/lo/WAsUQowxsySiKWY+LJVKd/2EgRBihpmvAaz3i7XAZDJ5AmC/9cL86DjOt2Kx+DsIVUpNa62viGhjEKwN/gPw8XUaBKHpdHrS87yfADYHxdrgOYBd3+Z3KxVCTDDzDwBbw2At0KZ5rVazAes/+A40n89/qlQql0S0Myz2ckt7ocz8xxhzQURfw2AdYxGEEtFfANthsTdz2A3131hmfmpnYz8j1PGj/g290DBY16QJaO/Qlb2MXbeW+NGwlfUE7YJcLjderVYPHMf5EIvFTguFwv2gZ+Zf/x9lJ/0AVdlCmAAAAABJRU5ErkJggg==");background-repeat: no-repeat;
    background-position: 50%;
    background-size: 14px 11px
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow .ca-item-col2 {
    width: 96px
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow .ca-item-col3 {
    width: 80px
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow .ca-item-col4 {
    width: 130px
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow .ca-item-col5 {
    width: 100px
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow .ca-item-col6 {
    width: 158px
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow .ca-item-col7,#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow .ca-item-col8,#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow .ca-item-col9 {
    width: 100px
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow .ca-item-col10 {
    width: 224px;
    border: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow .ca-item-col10 .oper-btn {
    font-size: 12px;
    color: #010101;
    line-height: 30px;
    border-bottom: 1px solid #979797;
    cursor: pointer
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow .ca-item-col10 .disabled-btn {
    color: #dadada;
    border-bottom: 1px solid #dadada
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow .ca-item-col10 .ca-againDownVideo {
    background: #ffcd34;
    border: 1px solid #ffcd34;
    width: 82px;
    text-align: center;
    cursor: pointer;
    margin-right: 10px
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow:nth-child(2n-1) {
    background: #fafafa
}

#downloadHistory .ah-myOrderInfo .ca-downLoadVideoHistory .ca-videoHistoryRow:last-child {
    border-bottom: 1px solid #f0f0f0
}

#downloadHistory .page-footer {
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px
}

#downloadHistory .page-footer .page-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#downloadHistory .page-footer .page-controls .next-btn,#downloadHistory .page-footer .page-controls .prev-btn {
    background: #fff;
    border: 1px solid #333;
    border-radius: 2px;
    width: 30px;
    height: 30px
}

#downloadHistory .page-footer .page-controls .prev-btn {
    margin-right: 8px
}

#downloadHistory .page-footer .page-controls .prev-btn:hover {
    background-color: #333;
    color: #fff
}

#downloadHistory .page-footer .page-controls .next-btn {
    margin-left: 8px
}

#downloadHistory .page-footer .page-controls .next-btn:hover {
    background-color: #333;
    color: #fff
}

#downloadHistory .page-footer .page-controls #pageInput {
    width: 30px;
    height: 30px;
    text-align: center;
    background: #fff;
    border: .5px solid #e0e0e0;
    border-radius: 2px;
    margin: 0 8px
}

#downloadHistory .priceRules-dial {
    width: 650px;
    height: 474px;
    background: #fff;
    border-radius: 4px 0 4px 4px 4px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 111111;
    display: none
}

#downloadHistory .priceRules-dial .dial-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    margin: 24px 24px 0 0;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplY2U1MTBjYS1jNzhiLTQ2N2YtYWIxYS1lODA3ZTIzNmVkZmYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzhBOEI3NDdEOEQ1MTFFOEIwQzFCMUEyODkzMEJGMjgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzhBOEI3NDZEOEQ1MTFFOEIwQzFCMUEyODkzMEJGMjgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjczOTJERjNENUE4MTFFOEE2QkM5REQwNDNCQ0IzMzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjczOTJERjRENUE4MTFFOEE2QkM5REQwNDNCQ0IzMzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5tBf8sAAABsElEQVR42pyVS0tCQRiGx4rU3FV2kSJblBGBixIiCMmMfkD7fkBRIRTaDSEqguoHtIg2bVt2I1p2/QttMooiiMRFZZb1jrzKdNLj8XzwLM6Z4zsPM9+MQgjhAOfgGFQLc1UBJsAdqJcvGsET+AGnoNVE4CJIgyTwZQfawAuDz0owLgNj4JusaD8YBI8MPjFgXAlmGSYNV7mU/8oD4gy+ADU6oePgi6FLwKJnEAD3XCO5eS2acSuIKIZrhQzVkjN2KcaXoE4ZnwSftIyC8lJ2dYAtIo0PQTsIK4brRgzzGfeABI2fwQdIgXm2kukaBq8MluwCe7E+K1ZeUKU8dxbpCt2yc5fT3Jg9EOPzAXCZCZ0B7wyc4yR9ylJcg+ZSDKe5yzJwE9iU8V4ay+Aj0GAkNKwxtOXZh37F+Aq4C4XJH4domKKhVWfybvZx1tiZ76MI+zDJPrQb6GO/cvL+GMsmnqKhPHobvIGMlpd3RfZ2y8i4eWqk4YKmJ3O1szwkvJ7aQsZBZsh2C1r4Upq+gW0aZ8rldAi/r0lsRQO5hJtYXIyE9sXtQ0Ib3gFG5b/ArwADAGTqc2RyfHJQAAAAAElFTkSuQmCC") no-repeat 50%;cursor: pointer
}

#downloadHistory .priceRules-dial .priceRules-title {
    font-size: 22px;
    color: #333;
    letter-spacing: 0;
    text-align: center;
    width: 100%;
    margin-top: 49px;
    margin-bottom: 12px
}

#downloadHistory .priceRules-dial table {
    margin: 0 auto;
    border: 1px solid #e6e6e6
}

#downloadHistory .priceRules-dial table td {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e6e6e6
}

#downloadHistory .priceRules-dial table thead td {
    font-size: 12px;
    color: #333;
    width: 119px;
    height: 40px;
    background: #ffdc7c;
    position: relative
}

#downloadHistory .priceRules-dial table thead td .new-icon {
    position: absolute;
    font-family: MicrosoftYaHei-Bold;
    font-size: 12px;
    color: #fb6b31;
    letter-spacing: 0;
    text-align: center;
    margin-left: 3px
}

#downloadHistory .priceRules-dial table tbody tr td:nth-of-type(2) {
    width: 149px
}

#downloadHistory .priceRules-dial table tbody tr td:nth-of-type(3) {
    width: 210px
}

#downloadHistory .priceRules-dial table tbody tr td:nth-of-type(4) {
    width: 139px
}

#downloadHistory .priceRules-dial table tbody td {
    font-size: 12px;
    color: #666;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    width: 119px;
    height: 48.5px
}

#downloadHistory .priceRules-dial table tbody td.larger-size {
    font-size: 14px;
    color: #666
}

#downloadHistory .priceRules-dial table tbody td.large-range {
    background: #fff9eb
}

#downloadHistory .priceRules-dial table tbody td.middle-range {
    background: #fff3d0
}

#downloadHistory .priceRules-dial table tbody td.small-range {
    background: #fff8e0
}

.ui-datepicker {
    width: 240px;
    height: 256px;
    border: none;
    -webkit-box-shadow: 0 2px 4px 0 #c9c9c9;
    box-shadow: 0 2px 4px 0 #c9c9c9
}

.ui-datepicker .ui-datepicker-header {
    border: none;
    background: #fff
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title,.ui-datepicker .ui-datepicker-header .ui-datepicker-title span {
    font-size: 12px;
    color: #333;
    letter-spacing: .04px;
    line-height: 30px
}

.ui-datepicker .ui-datepicker-prev {
    width: 7px;
    height: 10px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABACAYAAAB/e6WTAAAAAXNSR0IArs4c6QAAAPBJREFUaAXtmjEOwkAMBE9UfJaCV/ALGl4BPISGEt4BNtJKLs7QbYI0SJYjN5nMbYrjMsYyv23c9hj1iNovgzBGQlyjXqV2bpgZRALdnCAdRIIcXCAJcYmqy6HrU8w3DhAgZBkTmJABdTKBCRlQJxOYkAF1MoEJGVAnE5iQAXUysSoTCZO7cu26arftwGTkPgGxQ1j2nHriX301S5Ov7XmyPJkX+xIB0+UGM5jpDHRzMoOZzkA3JzOY6Qx0czKDmc5AN19dZhY/rZKpNAOMbNSOmWqjXv+NGdsBtOx0ZqxH8t9g7B8pVJj8F+IZ9fls4w0C74HjyhUdRQAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 7px 10px;
    margin-left: 56px;
    margin-top: 10px
}

.ui-datepicker .ui-datepicker-next {
    width: 7px;
    height: 10px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABACAYAAAB/e6WTAAAAAXNSR0IArs4c6QAAAOtJREFUaAXtmjEOwkAMBCMqPkvBK/gFDa8gPISGEt4RbEUrRdFtROUTylhyHDnFreY2zfmGYY5zlHfkNfI4t+qfp1hyWuQj3ruIeS5ESFAXMZeGkBRULuYQi96MmDH6pduEmCDeDMg0sUQTMpBxBFwfz0DGEXB9PAMZR8D18QxkHAHXxzOQcQRc/288k6cQpeHIvPLD7sLRyJOHsq3ZEnEPISUnDoiQ+SEBCRFQxROQEAFVPAEJEVDFE5AQAVU88QuJstHa1nYgQjPgfZFIg7oBdBkJ/SWtkXy5iBSzvqTQRYSo5LWNT2S3axtfZe6B4nKSK3EAAAAASUVORK5CYII=") no-repeat 50%;background-size: 7px 10px;
    margin-right: 56px;
    margin-top: 10px
}

.ui-datepicker .ui-datepicker-calendar a {
    width: 22px;
    height: 22px;
    background: #fff;
    border: none;
    text-align: center;
    line-height: 22px;
    margin: 2px
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day,.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today {
    width: 22px;
    height: 22px;
    border: none;
    background: none;
    background: #ffd44d;
    font-size: 12px;
    color: #000
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a,.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
    width: 22px;
    height: 22px;
    border: none;
    background: none;
    background: #ffd44d;
    font-size: 14px;
    color: #000
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable a {
    width: 22px;
    height: 22px;
    background: #fff;
    border: none;
    text-align: center;
    line-height: 22px;
    margin: 2px
}

#favorites {
    width: 100%;
    background: #fff;
    padding-bottom: 28px
}

#favorites .ah-nav {
    height: 60px;
    background: #f9f9f9;
    border-bottom: 1px solid #eaeaea
}

#favorites .ah-nav .ah-navCon {
    width: 1200px;
    height: 60px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#favorites .ah-nav .ah-navCon li {
    margin: 0 28px;
    float: left;
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position: relative
}

#favorites .ah-nav .ah-navCon li a {
    float: left;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #666
}

#favorites .ah-nav .ah-navCon li a:hover {
    text-decoration: none
}

#favorites .ah-nav .ah-navCon li span {
    float: left;
    width: 7px;
    height: 60px;
    margin-left: 10px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAAG+Fv5aAAAABGdBT…zM8t+/f3uBLuAEK2Bk/M7ExOR86tQpkKGEATCwC0AYl0oAUoQ/ApUf9nIAAAAASUVORK5CYII=") no-repeat 50%;background-size: 7px 4px
}

#favorites .ah-nav .ah-navCon li .ca-sortSelect {
    display: none;
    width: 120px;
    background: #fff;
    border: 0 solid #c9c9c9;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 5
}

#favorites .ah-nav .ah-navCon li .ca-sortSelect li {
    margin: 0;
    padding: 0;
    float: none;
    height: 36px;
    line-height: 36px;
    cursor: pointer
}

#favorites .ah-nav .ah-navCon li .ca-sortSelect li i {
    float: left;
    width: 9px;
    height: 36px;
    margin-left: 9px
}

#favorites .ah-nav .ah-navCon li .ca-sortSelect li i.ca-selected {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAAHEcZzWAAAABGdBTUEAALGPC/xhBQAAAl9JREFUSA3FVU1rE1EUzQTjrNwV3ErATdpoab4WWbkQpBSpxbhw6a9x58rf4CJKKZq6E1wETZOp2qAIQpZS8BcoccZzXuY+73udmdJk0QeTe99955778T5SKmWNRqORGDuUN1mAPBsdrbMGBXpCHagvEFNjlzDNZvMI30tjlJ+U80J5GP7ECQqaKAiCH4x8ormpX8G4y0BAfMD8QAClTqdznQvWIEq3270muhNIjFomSRKgsBj0z7X9jE4gw2WG9NE+MGCy8/n8NAUOoijaoS5smNtUreI5GV8NTMlckdsWF3b+zKaRB0XbpujKzXK5fKOcB6KdrcO3ATUcj8enheBWq3VMJ2zIC8pCMFg3CZpMJo8LwejzhACM/kLgaMG4hsmvarUa9vv9P7IA2aCOXj8SG9N4z8lsNvvd6/WuUgfBR0qM/YVY/JrWYfErpjWaGIGO1P0dNAXCuI61bwQIEB14zbkezqboCD4rnZzWSQSwHmrGpXQnjaUY4NRutx/EcXwnDMOnw+HwJ3lWJsahfIhTYTcZ5f7FAa2tRIwzuYdMX6lKY+jr6Ol3p8kKcK6K3dv1SSuVygZJ6bxUxij/Psr//0ri9qH8Oq4dD6MZNmNksAaHZ3KcBeBLbNSOT4q+3tKk9OH7yAv1Dl+dhnQMcPz3vAtWQuBtkA4EBJngrd8cjUb2T0DWTCvS15Dk5k7JIqQNgI26h56+VWssfwuZflY2qzo9LgjAP8Tb1gsKyt/Co/NJ27TuEMtCQQADQflNlB8JPktmEgswKwDKb6P8sWDyZCGxOKkAT3BOR2K/FPkPNHX2sPTfcRgAAAAASUVORK5CYII=") no-repeat 50%;background-size: 9px 10px
}

#favorites .ah-nav .ah-navCon li .ca-sortSelect li b {
    font-weight: 400;
    float: left;
    height: 36px;
    margin-left: 6px
}

#favorites .ah-nav .ah-navCon li .ca-sortSelect li:hover {
    background: #e0e0e0
}

#favorites .ah-nav .ah-navCon li:hover a {
    border-bottom: 2px solid #ffce34;
    color: #333
}

#favorites .ah-nav .ah-navCon li:hover .ca-sortSelect {
    display: block
}

#favorites .ah-nav .ah-navCon li.ah-selected a {
    border-bottom: 2px solid #ffce34;
    color: #333;
    font-weight: 600!important
}

#favorites .ah-nav .ah-navCon li.ah-selected a:hover {
    text-decoration: none
}

#favorites .ah-myOrderInfo {
    width: 1200px;
    margin: 0 auto;
    margin-top: 12px;
    min-height: 452px;
    height: auto!important;
    height: 452px;
    padding-top: 40px
}

#favorites .ah-myOrderInfo .ah-orderTitle {
    height: 68px;
    border-bottom: 1px solid #c9c9c9
}

#favorites .ah-myOrderInfo .ah-orderTitle .ah-myOrderTit {
    float: left;
    font-size: 20px;
    color: #000;
    margin: 32px 0
}

#favorites .ah-myOrderInfo .ah-orderTitle .ah-myOrderTit span {
    margin-left: 10px
}

#favorites .ah-myOrderInfo .ah-empty {
    height: 80px;
    line-height: 80px;
    font-size: 14px;
    color: #a3a3a3
}

#favorites .ah-myOrderInfo .ah-goHomeview {
    height: 42px
}

#favorites .ah-myOrderInfo .ah-goHomeview a {
    display: block;
    width: 122px;
    border: 1px solid #333;
    border-radius: 2px;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    color: #333;
    letter-spacing: .04px
}

#favorites .ah-myOrderInfo .ah-goHomeview a:hover {
    text-decoration: none
}

#favorites .ah-favoriteTitle {
    width: 1200px;
    height: 44px;
    margin: 0 auto;
    margin-top: 40px
}

#favorites .ah-favoriteTitle h3 {
    float: left;
    font-size: 16px;
    color: #424242;
    font-weight: 600!important
}

#favorites .ah-favoriteTitle h3 span {
    font-size: 18px;
    color: #5e5e5e;
    margin-left: 17px;
    font-weight: 100!important
}

#favorites .ah-favoriteTitle .oper-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: right
}

#favorites .ah-favoriteTitle .oper-btns .all-selected {
    font-size: 12px;
    color: #333;
    line-height: 16px;
    margin-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#favorites .ah-favoriteTitle .oper-btns .all-selected span {
    margin-right: 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #979797
}

#favorites .ah-favoriteTitle .oper-btns .all-selected span.selected {
    background-color: #ffcd34;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAWCAYAAADTlvzyAAABvUlEQVRIS7XUPUsjQRgH8OfZI43eIb5gzughigiCCIIoXH+grf1ZTpKZDWlCvkiKJBZ2loKVIt750t99gOMaCzsLQ65IzEz2f0wwYlazednNdrvM8NvnmXn+TCN+stlsvF6vfwfwkEgkjnmUnpRyzRhzTUTxZ+doZKBSalVrfUNEc+2imPlxJKCUcqXZbN4AmH/dQWb+FTnouu6S1voWwBcf9gRgL1JQKbVoMSJa9GNEtF8ul88iAzOZzEKj0bCVLXfD7PdIQNd1ExYjopUgLBJQSvnZGGOx1V5YaDCVSs16nmev/lo/WAsUQowxsySiKWY+LJVKd/2EgRBihpmvAaz3i7XAZDJ5AmC/9cL86DjOt2Kx+DsIVUpNa62viGhjEKwN/gPw8XUaBKHpdHrS87yfADYHxdrgOYBd3+Z3KxVCTDDzDwBbw2At0KZ5rVazAes/+A40n89/qlQql0S0Myz2ckt7ocz8xxhzQURfw2AdYxGEEtFfANthsTdz2A3131hmfmpnYz8j1PGj/g290DBY16QJaO/Qlb2MXbeW+NGwlfUE7YJcLjderVYPHMf5EIvFTguFwv2gZ+Zf/x9lJ/0AVdlCmAAAAABJRU5ErkJggg==");background-repeat: no-repeat;
    background-position: 50%;
    background-size: 14px 11px
}

#favorites .ah-favoriteTitle .oper-btns .transferPic {
    width: 93px;
    height: 36px;
    border-radius: 4px;
    border: 1px solid #d8d8d8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 20px;
    cursor: pointer
}

#favorites .ah-favoriteTitle .oper-btns .transferPic:hover {
    background: #333;
    color: #fff
}

#favorites .ah-favoriteTitle .oper-btns .transferPic img {
    width: 14px;
    margin-right: 5px
}

#favorites .ah-favoriteTitle .oper-btns .deletePic {
    width: 66px;
    height: 36px;
    border-radius: 4px;
    border: 1px solid #d8d8d8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 20px;
    cursor: pointer
}

#favorites .ah-favoriteTitle .oper-btns .deletePic:hover {
    background: #333;
    color: #fff
}

#favorites .ah-favoriteTitle .oper-btns .deletePic img {
    width: 14px;
    margin-right: 5px
}

#favorites .ah-favoriteTitle .ca-returnFavorites {
    float: right;
    font-size: 14px;
    color: #666;
    letter-spacing: .04px;
    position: relative;
    text-indent: 15px;
    top: 7px;
    margin-left: 20px
}

#favorites .ah-favoriteTitle .ca-returnFavorites span {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 12px;
    height: 12px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAAGXcA1uAAAABGdBTUEAALGPC/xhBQAAA4pJREFUSA2FVl1oFFcUPvdOlqxoEZGSEvRBLJ2d2SUQdhIfQnARfQomAWlfRMGHolQS0MdAKaXgg4IPhUKpICL4oi9GUB/EnxJKKG4opNldVxQKShQCVVDibnZnbs93N3e4mZ2k87D3nO9858w59557ZgXxk/eCs07GmdUCADxSIx258+vnih+0BT/btlNfrDRWxSko+ikUDgwYGavvFt+R8fVzwYxt1LJmWCjr07Hq5YK67wb3YiDvBuNG8bzghJHjFR5GYc/70igk6JyRRU9migqFob0G8P2hbyB7brBqsHgteMWxWIGAJLxc8doGkBVE9Nzi+w14GpE3YmnEHfnMJrLjFbKzh5EreFkqlbI20ci+PzwqhaKXBsBarZf3r7z98J3nFSdtXMthmNdrV45dTK6Fix50R/qFbUOOgsQecuQFKcPlqEVHFInLWer98q/6H8vgbnAYGDiwp90MfyOhRpm4LAX9XKmVf7GDxjLSsg/FGLCD9rlrPNk2AIdzw7uNExoxdtJ7ayzrKxP6OMicDcdnhc6xDdgJ7uJHNmZkXCCJHTEAim6KxtXqs4VDBrPXSNG0FMJ5Y8DFxT9fK0UloydXQapfqvbaYdtQqy9kOaWmjcWyEnPpvcwMdlqLiSxgy5EyociuXreZ6/KG9sF13crJPqe4NfCmBjVfcGHnZYYeRJHTT2E0o0i95rq+NS+NHQyAtePc+JFb7TgTfidSs+Q4FTQk7J1gaHUxoYgOsv1GlrI/mAYFJ/VBKUh3q3JSHRmED3wRw+boCtYzrjqSji/VFu7ahKQ8ODj6eePT6kPO/t/as3IpaceLwohQkY+KBI6u1QyfOxnhLi09fZV0MHo+P/SFakePSIgV4ewYq1SefDS25IqWCFuqnul1vhKd+avuVOsLvyaJ0PUdX2s/5oz/2bkrMz4/P/8pjZfEeKvOsM94D4aD7KGpJAE6k75uNds3hSMmq9XybBpnM0x3Vltdkpg8uitSmFzVLW45wffPxXXK54aOptBSIcTUUw1jDf2byloHa7XyRZ4IvUpF+3AF87ng2FZ8beOYOjYUDLF4QP2vJ+55cJq/J39vRkWsrsGIkYk+Tn7HNwuShsMXMeLxyyR9D2wyjBGp62y57fTI77dqXfjplmxHP5GiSUniZKVevmPH63qBbUSLhq1wQkU0pgTtx0CFHYeHL6iQdBf/eDCIbT9b/g8BvETJlOZYPgAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 12px
}

#favorites .searchFav-container {
    width: 1200px;
    margin: 20px auto;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#favorites .searchFav-container .input-container {
    border-radius: 2px;
    border: 1px solid #e0e0e0;
    width: 222px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#favorites .searchFav-container .input-container input {
    font-size: 14px;
    color: #a3a3a3;
    padding-left: 10px;
    border: none;
    outline: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#favorites .searchFav-container .input-container img {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    cursor: pointer
}

#favorites .searchFav-container .deleteFav {
    width: 66px;
    height: 36px;
    border-radius: 4px;
    border: 1px solid #d8d8d8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 10px
}

#favorites .searchFav-container .deleteFav img {
    width: 14px;
    margin-right: 5px
}

#favorites .ah-favoritesList {
    width: 1200px;
    margin: 0 auto
}

#favorites .ah-favoritesList:after {
    content: " ";
    clear: both;
    display: block
}

#favorites .ah-favoritesList li {
    width: 220px;
    height: 240px;
    margin-bottom: 30px;
    float: left;
    margin-right: 20px;
    cursor: pointer;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    -webkit-box-shadow: 0 2px 6px 0 hsla(0,0%,84%,.5);
    box-shadow: 0 2px 6px 0 hsla(0,0%,84%,.5)
}

#favorites .ah-favoritesList li div.ah-favorImg {
    width: 213px;
    height: 165px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

#favorites .ah-favoritesList li div.ah-favorImg:after {
    display: block!important;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0
}

#favorites .ah-favoritesList li div.ah-favorImg img {
    height: 100%;
    width: 100%
}

#favorites .ah-favoritesList li div.ah-favorImg .ah-content {
    position: absolute;
    top: 10px;
    width: 100%;
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 6
}

#favorites .ah-favoritesList li div.ah-favorImg .ah-content span {
    color: #fff;
    font-size: 12px
}

#favorites .ah-favoritesList li div.ah-favorImg .ah-content .operation-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#favorites .ah-favoritesList li div.ah-favorImg .ah-content .operation-btns span.ah-checkbox {
    width: 18px;
    display: inline-block;
    height: 18px;
    background: #fff;
    border: 1px solid #d4d4d4
}

#favorites .ah-favoritesList li div.ah-favorImg .ah-content .operation-btns span.ah-checkbox.selected {
    background-color: #ffcd34;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAWCAYAAADTlvzyAAABvUlEQVRIS7XUPUsjQRgH8OfZI43eIb5gzughigiCCIIoXH+grf1ZTpKZDWlCvkiKJBZ2loKVIt750t99gOMaCzsLQ65IzEz2f0wwYlazednNdrvM8NvnmXn+TCN+stlsvF6vfwfwkEgkjnmUnpRyzRhzTUTxZ+doZKBSalVrfUNEc+2imPlxJKCUcqXZbN4AmH/dQWb+FTnouu6S1voWwBcf9gRgL1JQKbVoMSJa9GNEtF8ul88iAzOZzEKj0bCVLXfD7PdIQNd1ExYjopUgLBJQSvnZGGOx1V5YaDCVSs16nmev/lo/WAsUQowxsySiKWY+LJVKd/2EgRBihpmvAaz3i7XAZDJ5AmC/9cL86DjOt2Kx+DsIVUpNa62viGhjEKwN/gPw8XUaBKHpdHrS87yfADYHxdrgOYBd3+Z3KxVCTDDzDwBbw2At0KZ5rVazAes/+A40n89/qlQql0S0Myz2ckt7ocz8xxhzQURfw2AdYxGEEtFfANthsTdz2A3131hmfmpnYz8j1PGj/g290DBY16QJaO/Qlb2MXbeW+NGwlfUE7YJcLjderVYPHMf5EIvFTguFwv2gZ+Zf/x9lJ/0AVdlCmAAAAABJRU5ErkJggg==");background-repeat: no-repeat;
    background-position: 50%;
    background-size: 14px 11px
}

#favorites .ah-favoritesList li div.ah-favorImg .ah-content .operation-btns .edit-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#favorites .ah-favoritesList li div.ah-favorImg .ah-content .operation-btns .edit-container span.ah-editFavor {
    margin-right: 9px;
    width: 24px;
    height: 20px;
    cursor: pointer;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAYAAAHauKxlAAAABGdBTUEAALGPC/xhBQAAAn1JREFUSA21lj9rFFEUxXeSbEgUiXYptExpZynY2vkFbIIfwE5Q0xqwkDQJaOMs2AhiY2GRQg0SBGOidfwSASHBrJvxd97c93zvzczuKnjh7L3v3HPv+zNvdrfXw6qqGskrqMyXbsB4Q0Rh7Iy8MidgBC56ou+C5IN0AULNzzhL4jyop1HC1GUQQRyEgQVwi1LeA5peWFAOf3UOf7koilkTi6wYF1pBvcFa6UiJ6qVlpKpcAr+icimDQX4PAwtUkZ6QJSg+0xHcZ7wO7oJTyzmH4KkCNEu4I/DYLRvCHbySscEvAFk4Ke27YQh0Dr/AIN4E/FGjQO1yYdRxqVEQd4yEIdSmdSOSzYZsM9jVpufAHvAP1vvkFpDXKfY0g9b8DrwSEdlnlueKkOzBX3PLtYJIl4bkP0qDhSurGVoN0baTerFUItrU0G8a4q4ChC9zMePrYKsxA+TzXGyNN8SHC27kJn4VzHIiZ+JySwpI3gKdYhUnV4OuV0SOM//gziE+GSdk+Yfkf2iGXXAMMU7vc/3wwuYH4BXm9TVQd0Soy7cD/sZOES9nTfWILoEDa7Tv8gy+eAKfn3Leo3VM3QXwyfrIleDPXRWDtX5vtHY0kppF8B54KwnSRfoMfuoJ0M6Dt1FtSZw29iuLRBMnQKvn9TqqKYlbG8PXPwiRuHMCNQEvIm0pzi8y9+SemHbUKVIRIl38Z4T6JboNBkCv1ipofRfJy3zfmeRVq3P1J41vEH0wboC/M6GpSVPXOQHNdpCGFystm36krQxNPj992USl7zXUGT9A/shK9AWyDZK/HpabxqnxTbBi4jXnmaQP1sBXMAT/aqr9Bh6Cvk3yf91v8FitbJSkQJUAAAAASUVORK5CYII=") no-repeat 50%;background-size: 14px
}

#favorites .ah-favoritesList li div.ah-newImg {
    border: 1px dashed #fff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 189px;
    width: 203px;
    position: relative
}

#favorites .ah-favoritesList li div.ah-newImg img {
    height: 100%;
    width: 100%
}

#favorites .ah-favoritesList li div.ah-favorImgInfo {
    margin-top: 5px;
    width: 100%;
    height: 28.5px;
    background: #fff;
    border-radius: 2px;
    line-height: 28.5px;
    padding-left: 15px;
    position: relative
}

#favorites .ah-favoritesList li div.ah-favorImgInfo span {
    float: left;
    font-size: 12px;
    color: #666;
    height: 100%;
    line-height: 28.5px
}

#favorites .ah-favoritesList li div.ah-favorImgInfo span.ah-collectNum {
    color: #a3a3a3;
    margin-left: 8px
}

#favorites .ah-favoritesList li div.ah-favorImgInfo span.ah-deleteFavor {
    float: right;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAAHhxWh1AAAAAXNSR0IArs4c6QAABRlJREFUWAm9WEkvbUEQrvNyzURMCwskQoiIGNY2diJCYsm/QySEhSEkRIwJGwtCsBFiinmIeTjvfO1WqdOnvVySpxO6qrrqq6/7dFefc8mPt+7ubn92dtZo3v39vb+5uUmhxp4rKyss+n/gcXR0RKenp5/OGJ6enhYvCB7+9fb2UtBRV1cXecD5jCEyWKWlpbS+vk57e3sUq6iooPT0dON0e3tLBoNDenp6oobCwkIzDkpIYhoyT01NofMPDw/97e1tH9NFW1hYML1JXl5eTs/Pz1RQUEAnJyeciXZ2doxsnIqLi2lra4tisVjIib2FJAi6mpk8kvKgdhTSwWCMHYLHQUlJSZSfn88m6SPLKCNxAYFYdJkyT93uzezsaFv/uVNKSkoIzInETzstLe3DWROHrNvMzIxRZZ30QnKu2traTyQdDfnu7s4sy/DwsB9ssNAfL48d4/X39/tPT0+c4Oe9Rr68vNSqf3BwIDpYPj4+ig4hOG+iy0ouLi7S6OioMDo7O6PgHJoDBePQ0BANDAzI+OTkJE1MTIguQHl5eWKEkJGRYfSAScjOChLpJkC8Y6+ursw4P1cN5HmexL69vYkMQYCYkZ1JAzHLEEJcESDOdn5+HvLDueeWlZXFouk5ORTZbOyhGenTq2X21UBSJzAYPH6yGXGQqy8rKxNzCIitc3Nzpoayzj2m39nZyWqoj0wNoyjEaO3t7abnf0tLS4S6xCeW7eidQOywvLzMoul5a4SMccXDIXQNfMeGwuOtra35Ly8v34mL+FZWVn5UUvsAQscBxbXJTR9g2OwDLhsSBxAHlxsO6ODgoFGDm8ocYFxn3HDAg9uM1c8jAgueiKvx1M1loBxSU1NFE0awfAXEx8QG0tsgISBmlJycLAwgfAlklwaOYiBmxAy/BOJA9FwNIHMgLnY0XoKEgPQ0mJFB+S4QTwPBzMgG4ioKuyy2NmJAA9mMHh4e4BKavgDp+cJJA7+/v8MkjddIDIEgpx9Auqg1NTWJX0dHh8gQXEDCSDMIRTkUF1CIEWJcLwoOrIhJgKqrq0mfnYinZdCFH0POmm3FGBVPiquBa/xfNqxxoksnM/sXIMaCUhZyycnJoZaWlpDNVoIXNdrf34/E2n5a93Z3d/3V1VWy9652ggxCrodu+7l07FBdAlw+OEc1NTXkjY2N+RcXFy6fX7fl5uYmvod+i11kD21sbFDwlWfyNzY2UklJSYgLNvfIyIipc6i6zc3NlJ2dbXzwWjA+Pk4o+7jBW1tbIycu2CI0Pz9v/Ovr66mqqiqELwWEra6POh5Df3NzI0X39fWVgq9FGT4+PjZkYMDr//X1tYyxwB+K0HUuHo8Q0rXWtYn1tQIQfRjs20EXfE6oMV2lIEJIO+lgBrSTaEJahr9NHjaNqSePMbQIIf1SH7xjRWqInUSvipYBbpNH6QAmt4QI6RVCoJ4RdDuJXhUtw9cmb2MlRMh2skFQ4PidBkn1qmhC8LGLoY1l5wJe5JHZTjYIgvTMNQlNzl5JxNlY9tOAT4QQgPQK8OsPnLnpZJqEJqdJc5zGQg6XT4QQgvUq2bPCuCakSWhy2gcxaBpL5/gY/fj/I0INDQ2EL2NUY8jc8AsLbJmZmVRXV8dm6RMhFLk6EK2frQZhZPxM19bWxqr0+DjWH8gyEBc0ls6h/ZyE9HLiB8++vj4d82NZv1XrHBrQSaioqIhwyaKQ4e+rbyQN9B0Z5QA5XC3hV1hX8P+w/QWc8oRu41j95wAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 18px 20px;
    margin-left: 10px
}

#favorites .ah-favoritesList li div.ah-favorImgInfo span.ah-editFavor {
    float: right;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAsCAYAAAAXb/p7AAAAAXNSR0IArs4c6QAABLRJREFUWAntmGtoFFcUgN1NTGpDAkHTP1JopIFIJCHk9adUKBSCrZGKCgGV2DwMhsRXfGHRYMS2PmsNPhKNL3xRRIsUoUUQAkKyCUgL/sgfQRT1l1DT1sdm1+8Mc4abNRNn3Zn0TwYm595z7pzz5Zw7997ZadP+52tgYKC9v7//IfJQPB5PS8QJJSomsw9YB/F2GjHPV1ZW1oVCoZjqwtqYbAncdmKacIKwIhKJnCKTTuJCQ0NDn46Ojm7COEtG+HRFCfJHVVXVyfH8AbcF/Q9qI2M3aVcbYKd4tkHsIWr/F4Z5OthPSeAaSnbD9Em8jcTbb+j2AbMZ6GZ0x1Sfnp7+eVlZWV84KDg70BwNKBK4tQlwhwQOXZh/pkrHyhyMRqNPpZ+uygDkvXA4fEH9MrdaYrHYT9rHdqSiomIDcFLFbvR1YgMuzt1I5oelnwj4Z1pa2kIxpHIRPFpaWvpYgokfKR8gR9Qn+mPAtQkc4MfR14vNhmvG1qtjxwAy4GV5efkDNfohAagH5KjAiD9i9ADQIm1sXeibpG1fLdgkm84V6DJD6eoA6DHgTgOwWjIF3M/o1ygJWW+lrM5L4ui14bcEbjk+zTXtHHANAkfJDzIfWzUmcOuxdWnflIFkkOzUkp0z3JZ/oC6SnVXIGOD7AFivEOjagXNeHtWr9B2Q7CwlO+cJYO2rAFwBYKUN9z3Q7RocuRXwA0b/raavgGRnMREucivcVeCWAzdKVncDt1UJKOt21sAfte8mfQMEoIYgl7l1ZbgORC1wUbLaQVZl77UudDsB36P9iaQvgIODg1+RnV+4p0swAG6wni5jyXpNVr9D5RwKsHVS1l0TQZk2/W9NXVJtAKrJzlXgMuRBAG5mZWUtKSoqErht6DsNh3uA22H039lMCZCyfgncNaJk2pF+z83N/aagoOAVtk3YzDLuZc45ZX4nmT3gvQE5pn3Bhv4rfj4QX2TuVl5e3qL8/PyXzLkNwO21Y4jtAJnbov1k5HvNQUo3nzOkHKNmSDAAbvNC1AD3AlsbKmfpwHYYOHNpkUc8X0lnEIAKvP/G3PrQjtKXmZn5dUlJyb+UVU4sh43oXcCt0z7PFvHcbvrPAd+M7Yna3GTSgAQ4iLMscUiQO7wQC3gh/qGszcA52xUZPc5S4mxnMp5nZY0sljaXvPG1VmuCP0mVmOWkEF+f2f4e5eTkVAM3ApzssUc1Du0elhjnIGDo52obWKetuvFkUoBkqF6dANFbWFj4nLI20e4moH7o9JI568SiY1ORnktM9qbzYqw0gs0kc8NAF6gO0LPANSKtg6rqU5GeAcmQbGUfaTD6Y0oI1AXgvkU637Q6NhXpucRkatV4gQC6y90EnHViGW9MKjrPGQRiNlnTWCP05WDQzVIRUWUQ0jMgm38Dc7AZsEh2dvYleUGCAEr06RmQj+ghHm5MdBB03/McDBrEzf8UoFtmvOqnMug1U27jpjLolhmv+qkMes2U27jEneQTjuUn3Ab7oLd+cUjGzxhADgN5PNyUjIOgx8ocHAk6iIv/v130Y9Ty47X8HDbZ1398VJm/9LvGt74jmHcfc5xyTsuuo30wMI3iGRkZ94uLi595cfcGzVHY81OP3S8AAAAASUVORK5CYII=") no-repeat 50%;background-size: 12px
}

#favorites .ah-favoritesList li div.ah-favorImgInfo span.ah-favotiteIcon {
    width: 21px;
    height: 20px;
    background: url(../../public/images/myHome/like@2x.png) no-repeat 50%;
    background-size: 18px
}

#favorites .ah-favoritesList li div.ah-favorImgInfo div.operation-con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: right;
    height: 100%
}

#favorites .ah-favoritesList li div.ah-favorImgInfo div.operation-con img {
    width: 4px;
    height: 16px
}

#favorites .ah-favoritesList li div.ah-favorImgInfo div.btns {
    position: absolute;
    z-index: 12;
    top: 0;
    right: -85px;
    width: 78px;
    height: 122px;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    border: 1px solid #c9c9c9;
    display: none
}
#favorites .ah-favoritesList li div.ah-favorImgInfo div.btnss {
    height: 60px;
    top:65px
}

#favorites .ah-favoritesList li div.ah-favorImgInfo div.btns span {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 25%
}
#favorites .ah-favoritesList li div.ah-favorImgInfo div.btnss span {
    height: 50%
}

#favorites .ah-favoritesList li.ah-addFavor {
    cursor: pointer;
    background: #d0d0d0;
    border-radius: 2px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#favorites .ah-favoritesList li.ah-addFavor div.ah-newImg {
    border-radius: 2px
}

#favorites .ah-favoritesList li.ah-addFavor div.ah-newImg img {
    height: 39px;
    width: 39px
}

#favorites .ah-favoritesList li.ah-addContent div.ah-favorImg {
    background: #e0e0e0;
    border-radius: 2px;
    font-size: 12px;
    color: #a3a3a3;
    line-height: 21px;
    color: #fff
}

#favorites .ah-favoritesListNew {
    padding: 0;
    padding-bottom: 105px;
    overflow: hidden
}

#favorites .ah-favoritesListNew li {
    margin-bottom: 31px
}

#favorites .ah-favoritesListNew .item {
    float: left;
    margin: 4px;
    border: 1px solid #eee;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    overflow: hidden;
    position: relative;
    background: #f2f2f2
}

#favorites .ah-favoritesListNew .item img {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer
}

#favorites .ah-favoritesListNew .item span.ah-checkbox {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 18px;
    display: inline-block;
    height: 18px;
    background: #fff;
    border: 1px solid #d4d4d4;
    z-index: 3
}

#favorites .ah-favoritesListNew .item span.ah-checkbox.selected {
    background-color: #ffcd34;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAWCAYAAADTlvzyAAABvUlEQVRIS7XUPUsjQRgH8OfZI43eIb5gzughigiCCIIoXH+grf1ZTpKZDWlCvkiKJBZ2loKVIt750t99gOMaCzsLQ65IzEz2f0wwYlazednNdrvM8NvnmXn+TCN+stlsvF6vfwfwkEgkjnmUnpRyzRhzTUTxZ+doZKBSalVrfUNEc+2imPlxJKCUcqXZbN4AmH/dQWb+FTnouu6S1voWwBcf9gRgL1JQKbVoMSJa9GNEtF8ul88iAzOZzEKj0bCVLXfD7PdIQNd1ExYjopUgLBJQSvnZGGOx1V5YaDCVSs16nmev/lo/WAsUQowxsySiKWY+LJVKd/2EgRBihpmvAaz3i7XAZDJ5AmC/9cL86DjOt2Kx+DsIVUpNa62viGhjEKwN/gPw8XUaBKHpdHrS87yfADYHxdrgOYBd3+Z3KxVCTDDzDwBbw2At0KZ5rVazAes/+A40n89/qlQql0S0Myz2ckt7ocz8xxhzQURfw2AdYxGEEtFfANthsTdz2A3131hmfmpnYz8j1PGj/g290DBY16QJaO/Qlb2MXbeW+NGwlfUE7YJcLjderVYPHMf5EIvFTguFwv2gZ+Zf/x9lJ/0AVdlCmAAAAABJRU5ErkJggg==");background-repeat: no-repeat;
    background-position: 50%;
    background-size: 14px 11px
}

#favorites .ah-favoritesListNew .item .tipTxt {
    position: absolute;
    font-size: 12px;
    color: #fff;
    letter-spacing: -.2px;
    left: 15px;
    top: 12px;
    right: 15px;
    text-align: left
}

#favorites .ah-favoritesListNew .item .slidiv {
    background: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.6)),to(hsla(0,0%,100%,0)));
    background: linear-gradient(rgba(0,0,0,.6),hsla(0,0%,100%,0));
    position: absolute;
    top: 0;
    text-align: center
}

#favorites .ah-favoritesListNew .item .slidiv .actionIcon {
    position: absolute;
    bottom: 15px;
    right: 15px
}

#favorites .ah-favoritesListNew .item .slidiv .actionIcon span {
    float: left;
    width: 30px;
    height: 30px;
    margin-left: 8px;
    background: #fff;
    border-radius: 2px
}

#favorites .ah-favoritesListNew .item .slidiv .actionIcon span.ah-favotiteIcon {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAkCAYAAAGIzpi9AAAABGdBTUEAALGPC/xhBQAABKpJREFUWAnFWF1oXEUUPufubhLTGJFKG4rKbmJBWx8sVaHFgi/uJi2xKhSKD6XUJ0Eq9UGpiqT48+BDQaSllFJDA9W6PvS/3RSKPw/9eRAVlf7RLUotCC3YkjTB7j2embtzd+buzN3duzG5Dztnzs833/zcc88sgONBoad8lnQ7jl9DT1fosjQIj1CJ3iYh1yLmdT0EiMewdPWL0CkqIA/qs7IGU4UwFCKqjqIxuM49DNWVzGQfEG0QUOJR0XWwgbn+N1wNFVnvUtVg+kkhhQshA1ZmM0YA4nahx9KV3wx9o07At5BdCwQHHc7XGfnh5ibW1dnr0boV9zmQauqp6Z+bQwRYH8wcQWys82GOBySi8DB2SguRS8f90NHmrJy0uJookG3oBqJyp0Luaz4k66r9s9DVmcfDF++IPhX6twH5H0gbwg3w0q/giStnq75VdbVHg49nwZ8q68aWZITfsXRtqYgJz1FbgAKJYAkVsntNUNFr9yF4QkDUmCLsbxeTd3WFwKjbKNtuNhzMw7V4snxY+dWBCgMRIRRysadWAiC8w5vzqQJTrRVUGWl4eTdM35xQ/bBFHMNSeUPYTyLQcP+j8qAXckeSxM9ITN30KT/wEoA/xivbw9so1nWrWjd6eWABTFZO8plcJkdH2MW216NMDFA+vBMc0B11CgDwFO/gC1ZbOrMMj1/+SdlCUAa8xYAPKkPL7cLeHhz7RW6qPPw09NiStgAFg79v/6mIBG+UXxlVisStNssAlOiZxGCWwAAU8bbFllilmG5PjGAJlKCcXbZZbK2qRlRAwFT0UlhQygTthE4sBMUT5XHOhJtbB8R7DNijx4WgQonj5c+5MvpYd2ggE8eYpYzAsQVRPreH3/3XbDZdxwyt8ValCOTP9CF+11/UQXTZBSh8nKDCyMA/MPBzQjaeUtlDRKM61u3GmuoGIXN2X8W/vxr67PyOOEAZZwQ4OpzBfpQ5VMtEDlepjp1+NJBGRjw4X1wAlcmFkM7cge75N7B45m7Uz9aXReXUrT6Ypk5I+X9xqdRSaoglSqsXPwWVf3fyzGWNYCOg6W7y8r/Lx3a3nNCZ0fc57m22z9N87CJiETKZLXj00nW7g+NA0dDAEPiVozxQ7NlwgSbWiwSM8CzXOhejGHVEuGL4EiqV47NOUjAj6gWfLnCOeC+WqCy7+U4RdZr9Pn1Egzl1NZDDR1aUtsw+KceIPr2lW0Ki8q0kul83zqmM0KePHxIN0gye041zKhN+p48fEg2UmY381jW+OOgI/4uM/0AqZZQJBlEcv3QBOrwcj805ca4evAxdHY9EPwjOhE/5/k18jeBSIv7jPWPTQZzmlDjMH4xTNkwnUeVMg/1bwfc/Uf0Zb8VRI3iVy5wDcdgNiapgTsKfcUY2zo2yJW4R3+DKZ0cz8cYZjQvgLXkTVm5Msc9XcX5N2RA/FIVisyQFZtMrqhPgO2En1wJHnLdT3VmXHVdi3cUlJyKqwJhwL9cFp/lILFc6e4vfwANPr8disWK3N9a2RVTB0+qlfXBv8nsmvFjpqu1pWJRdg6PfTkX0LXdnhKgalUaeT8P5P7iG9e62/A+wAnG0/wFcs3JTCyHAOQAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 23px;
    background-color: #fff
}

#favorites .ca-favoritesVideoList {
    width: 1200px;
    margin: 0 auto
}

#favorites .ca-favoritesVideoList li {
    float: left;
    width: 159px;
    height: 152px;
    margin: 0 12px 40px 0;
    position: relative
}

#favorites .ca-favoritesVideoList li .ah-checkbox {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 18px;
    display: inline-block;
    height: 18px;
    background: #fff;
    border: 1px solid #d4d4d4
}

#favorites .ca-favoritesVideoList li .ah-checkbox.selected {
    background-color: #ffcd34;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAWCAYAAADTlvzyAAABvUlEQVRIS7XUPUsjQRgH8OfZI43eIb5gzughigiCCIIoXH+grf1ZTpKZDWlCvkiKJBZ2loKVIt750t99gOMaCzsLQ65IzEz2f0wwYlazednNdrvM8NvnmXn+TCN+stlsvF6vfwfwkEgkjnmUnpRyzRhzTUTxZ+doZKBSalVrfUNEc+2imPlxJKCUcqXZbN4AmH/dQWb+FTnouu6S1voWwBcf9gRgL1JQKbVoMSJa9GNEtF8ul88iAzOZzEKj0bCVLXfD7PdIQNd1ExYjopUgLBJQSvnZGGOx1V5YaDCVSs16nmev/lo/WAsUQowxsySiKWY+LJVKd/2EgRBihpmvAaz3i7XAZDJ5AmC/9cL86DjOt2Kx+DsIVUpNa62viGhjEKwN/gPw8XUaBKHpdHrS87yfADYHxdrgOYBd3+Z3KxVCTDDzDwBbw2At0KZ5rVazAes/+A40n89/qlQql0S0Myz2ckt7ocz8xxhzQURfw2AdYxGEEtFfANthsTdz2A3131hmfmpnYz8j1PGj/g290DBY16QJaO/Qlb2MXbeW+NGwlfUE7YJcLjderVYPHMf5EIvFTguFwv2gZ+Zf/x9lJ/0AVdlCmAAAAABJRU5ErkJggg==");background-repeat: no-repeat;
    background-position: 50%;
    background-size: 14px 11px
}

#favorites .ca-favoritesVideoList li img.ca-posterImg {
    display: block;
    width: 100%;
    height: 94px
}

#favorites .ca-favoritesVideoList li span.ca-playBtn {
    position: absolute;
    left: 0;
    top: 35px;
    right: 0;
    margin: auto;
    display: block;
    width: 32px;
    height: 28px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA4CAYAAAE6H87kAAAABGdBTUEAALGPC/xhBQAABSFJREFUaAXlmkuIHUUUhnNHjWDUoKIL0TjqKj5QohtRNBsfEBA0ihpBcGE0RMnSB8GVgogiMUISFy6DLiSiguLOTSALRTe6chPBIQaFUcQQDeP3t3Wa6pqu7q5+3L53UnBSr3PO/58z1dXVdTNZR1lZWTlINVE7KMuTislMd4F/c8vJZPJs4GGdFApFSr7iKgVpA7vJrM61htVMHrK2anlYsoFwUuOKYj31flPy64xPmZWvVCDpszelgoIGndK/UQU3kUcnkn5Yf6GwwaxVhxCFSSlUhimFuhJSqNNfNZ8HE874KSPOW5nfFeqoH3XgK+PsO/rZUguS1sxBaFRwXjXpK8ba2dPQxYk52APCDTGUyPhhcvN11z/jcrjSImDR4Y1dHaxa6xmUFpFbSD9Esd1EJQOc7HOOon4qHZiVc/K89f26kQMZ4OQfqn2+sdqNngUpxhZbrQMMd2B/j5yUlagDDBXegTIjf6zrSixfBz5CXVs083dDnXLJ/B57Gu9jcnuJwqBDWl/KYZutoDdiSmHqPtQbuBxFl2EZij3XZO025neW6aSOJREw5xD5hra9pXT+eAdp5auVkRFRDZnTVLttjOy8QPsm69fVnQmEABDKT2OQeYL5raGO39ciHKQA/jiOt9Y57y0DAGpPeQu5sA7Un+9EANBFnL3sO0xtJxEA8BkHcHsqUEw/iQBOegM2QlqEr1tnjDp7GQmY9Oqtrbf3NMrvgOzlkT0TEtjGxMYBGazg+0fkgNvA/v/WJHr/S2lA/ILrjyHx1QLgbxaGp9fZDvZ6LcIhU14Xzq7BtuI6ZDe/eWwCk1QCfzeMrLFayk54hFX7pTyzeN6guqQxSoViSgZOmh+IvET7Vet3qVMIFHAgcQLRseyLwkRipzUBw4HEJ47IbzaWUncmYGCQeIX2Xus3rXsjIEBInHTZ+HwUAgYKic8cERuK1r1mIIpSMTEIAfaJCxDdCdeWlI2o1pkUAH6R6rpGyij1RgDgO/H3VFNg0+tMAGDd5L6N5Kcrc96k7kQAcH0TLDYBiumkEDjPnAB8N+0nrd+lTiHwNMDnA9bryTn1MewVXJlLJdAl26W2YxNYGpvAByKga7oxyhIvrOPZ5sHqPgcGryGXTolJ9pODsAq7F0S2MKarlTE/VsRrqLKM4w/J/LcGYH8BBZ5d+9nEWVAfUiJ0VT3Na4lZy+thbQK6EjlbyzYlYK0+703+qN1/+WyCMss6KYexlDi02+5nk/mZPeYq2o8gm1McTEu382+eEaLvE7x+UCoUkqEflrTn3Ivo3T96GWoFlAZGUk4zccSJvh/1+n0UmdYBCKhimWoCitDZRYoOJNmhhGRcQVuHsBtDvSH7oybAD4zV8Sv9dzXmHpUHaN6PDMpxUOcKpk1xj8qn2EqUkFuoHkMuU7/PMpMJCAMkId8zJlEyLqdSMm5Wv2sZ+3s0mT/J0AXsexj2ckE/FysgzBKr4GrGdofjbfpzkQAC1lfrHcjDyEVtAo3ZzGwCCHoDpB9E9LVauLeIBdNmfKYSQNCbCEJXj9e2CaaNzagJcEtbl/oPIUn/16ZNsGU2U0+AW9oK+C5ksKVdFmzZ2FAJ2AJY/jFE0Iv0tbSvQWaqDPU1OFNBVpGZu4NQVTBt5pSAU20M14jNKSXg6BoJpk0YRxc4V3+E5bE21nNuc0yx568hduqLCeg55Po5D6yO/k8oHCT4P6SYJyC0IiE6lV2J6Ow9E/d3IccG/TPo/In8QsDHy/T/A5JgQXKsfBsMAAAAAElFTkSuQmCC") no-repeat 50%;background-size: 32px 28px
}

#favorites .ca-favoritesVideoList li p.ca-topicVideoTitle {
    width: 100%;
    height: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #333;
    margin-top: 6px
}

#favorites .ca-favoritesVideoList li p.ca-views {
    width: 100%;
    height: 17px;
    font-size: 12px;
    color: #999;
    margin-top: 2px
}

#favorites .ca-favoritesVideoList li .ca-variousOperations {
    width: 100%;
    height: 12px;
    margin-top: 4px
}

#favorites .ca-favoritesVideoList li .ca-variousOperations span.ca-videoEnd {
    float: left;
    width: 12px;
    height: 12px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAAGXcA1uAAAABGdBTUEAALGPC/xhBQAAAe9JREFUSA2tVTtSAkEQ3Vk+JzCSRC8gFzChyggDOICmUFQRmHkGMwOqKEjlABhoioGRGVxAAzHiBFDs+t5IU+PMsDtQbJX2TPfr15/pYVSEr9VqpZR68W+jtfinRKuUmovSIwVmm2JROIB2u/0tRlMqGJ7SNL0xleVyuRJ1Op0LU8k1abcxbOMBhiRJzm0a7nVWkJdxHDd8ANGRANmPiyyhUChU+/3+jEaU9QJdXYDD4VBt1jNUETnJEoyuJwQZYPF3HWiBkyZy2g1bceu6WfhYTYzqdruny+Uy6+BN/EI7rFarD6RRMS32GnWNBoPBrR4vbJpo66cNMvdo6zP277oGeHKT+WFYGuv1euoUbXYGkV9Bdm0yOQ40ZnXKOTg6IEqCvzeu7W9XBC8Rnb0OUkdQDVn5M8LO0DT6vmAH3gekOGcNC8nZxyg6jE7E6y7DN4XhRIxHkgsEqBY5qCRHes2QkQoJjlveQAVjcsdyC/KGO4RYMMJFbu9cCJAyq9++uTF9uc4NIA558yU4WwYHQCUJMv57raJogvO6ssl8++AAqCB4ps1AuQHYZxxW3XcWRzkD+wfMzC5kfVDZIcSC2b7oKPcLyjuZYQHsKzeP9CPaegbOkX5H+Vbh1j2ArCYXb19iwYOUb96kVCrd93q9n1+CmNZNVmkgsgAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 12px 12px
}

#favorites .ca-favoritesVideoList li .ca-variousOperations span.ca-videoStart {
    float: left;
    width: 11px;
    height: 12px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAYAAAGJuT3dAAAABGdBTUEAALGPC/xhBQAAAmZJREFUSA29lT1LW1EYx8+9BqWCEDCTg+BU0Mm5g9+gm/0ACklGoeCauDp3SDL4AeyX0KFzJwOC4NYpBUFQGtrE3//JfQ6n15gYBw/cPG//5/W8JKvX6xchhD2+kIvp9XpZnucnEmyNRqPdDNjYFZE2Go2rvNlsHkgzHo+roQzD2BbK/LMs+x19Q1jFY7kiRbfbrblBHvD70zMK5Tmg+5JjoRJ8ZWQdkGBdSZUIOsz5ORaiSHjo8rOYUSG0JxSvpcRFmUHNWQ9l0AQ6+WWCLewt6phUqxnrS0HOa/aysfpTW3NgmVoZ1GUdkrJsD+g+yU4ZNd+Qa6FQfCSd8YW8hrwCrxluvbwXQv+/Lm0k0mlEGlVqT6ckfrEGqWVbXkVzX9LI4tPo2uu+n+UyUHK6BwuVoWn8JfodQXSGxQ89A7IdOcniF5pGBY8qYzugwV0CXHlUp7KJ1wAqpNWW6+asSjllxVulBgedTueU0/VjCjDIpk82NfiH6LfwNUoSf+9OyPGsGF8MfVg4OE6O6wi/Umc3imJfg2xg16swkE4L/RZk8jJgvOGy7piFH50pAC3YI/TfXZ9SCtKZO8f3Gy213aariu+23ROUNYLZXRFAd8OB86iwqS9BbdAWGEEHIrZDsId5ARO7sNFXsWSzwAS9o50zB1PBJpV8dnkWZdd/pr6M4ivBN/xi/1PwJICO9Qfke/TxaCd2bdIysl6JR2jsEH0Veckrvn5h8w5fsXk6j22C2fLNW+imuvNrqG+ePTDuwHydnUvB2iPvQEZhrI+iXx6FHBw8i+oP4V1HoVNxQUV7s6p6g+3yCfI4YvCsoloFAAAAAElFTkSuQmCC") no-repeat 50%;background-size: 11px 12px;
    margin-left: 4px
}

#favorites .ca-favoritesVideoList li .ca-variousOperations span.ca-videoFavorites {
    float: right;
    width: 13px;
    height: 12px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAkCAYAAAGIzpi9AAAABGdBTUEAALGPC/xhBQAABKpJREFUWAnFWF1oXEUUPufubhLTGJFKG4rKbmJBWx8sVaHFgi/uJi2xKhSKD6XUJ0Eq9UGpiqT48+BDQaSllFJDA9W6PvS/3RSKPw/9eRAVlf7RLUotCC3YkjTB7j2embtzd+buzN3duzG5Dztnzs833/zcc88sgONBoad8lnQ7jl9DT1fosjQIj1CJ3iYh1yLmdT0EiMewdPWL0CkqIA/qs7IGU4UwFCKqjqIxuM49DNWVzGQfEG0QUOJR0XWwgbn+N1wNFVnvUtVg+kkhhQshA1ZmM0YA4nahx9KV3wx9o07At5BdCwQHHc7XGfnh5ibW1dnr0boV9zmQauqp6Z+bQwRYH8wcQWys82GOBySi8DB2SguRS8f90NHmrJy0uJookG3oBqJyp0Luaz4k66r9s9DVmcfDF++IPhX6twH5H0gbwg3w0q/giStnq75VdbVHg49nwZ8q68aWZITfsXRtqYgJz1FbgAKJYAkVsntNUNFr9yF4QkDUmCLsbxeTd3WFwKjbKNtuNhzMw7V4snxY+dWBCgMRIRRysadWAiC8w5vzqQJTrRVUGWl4eTdM35xQ/bBFHMNSeUPYTyLQcP+j8qAXckeSxM9ITN30KT/wEoA/xivbw9so1nWrWjd6eWABTFZO8plcJkdH2MW216NMDFA+vBMc0B11CgDwFO/gC1ZbOrMMj1/+SdlCUAa8xYAPKkPL7cLeHhz7RW6qPPw09NiStgAFg79v/6mIBG+UXxlVisStNssAlOiZxGCWwAAU8bbFllilmG5PjGAJlKCcXbZZbK2qRlRAwFT0UlhQygTthE4sBMUT5XHOhJtbB8R7DNijx4WgQonj5c+5MvpYd2ggE8eYpYzAsQVRPreH3/3XbDZdxwyt8ValCOTP9CF+11/UQXTZBSh8nKDCyMA/MPBzQjaeUtlDRKM61u3GmuoGIXN2X8W/vxr67PyOOEAZZwQ4OpzBfpQ5VMtEDlepjp1+NJBGRjw4X1wAlcmFkM7cge75N7B45m7Uz9aXReXUrT6Ypk5I+X9xqdRSaoglSqsXPwWVf3fyzGWNYCOg6W7y8r/Lx3a3nNCZ0fc57m22z9N87CJiETKZLXj00nW7g+NA0dDAEPiVozxQ7NlwgSbWiwSM8CzXOhejGHVEuGL4EiqV47NOUjAj6gWfLnCOeC+WqCy7+U4RdZr9Pn1Egzl1NZDDR1aUtsw+KceIPr2lW0Ki8q0kul83zqmM0KePHxIN0gye041zKhN+p48fEg2UmY381jW+OOgI/4uM/0AqZZQJBlEcv3QBOrwcj805ca4evAxdHY9EPwjOhE/5/k18jeBSIv7jPWPTQZzmlDjMH4xTNkwnUeVMg/1bwfc/Uf0Zb8VRI3iVy5wDcdgNiapgTsKfcUY2zo2yJW4R3+DKZ0cz8cYZjQvgLXkTVm5Msc9XcX5N2RA/FIVisyQFZtMrqhPgO2En1wJHnLdT3VmXHVdi3cUlJyKqwJhwL9cFp/lILFc6e4vfwANPr8disWK3N9a2RVTB0+qlfXBv8nsmvFjpqu1pWJRdg6PfTkX0LXdnhKgalUaeT8P5P7iG9e62/A+wAnG0/wFcs3JTCyHAOQAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 13px 12px
}

#favorites .active {
    display: block!important
}

#favorites .page-container {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    position: relative
}

#favorites .page-container .gofavoritePage {
    outline: none;
    border: none;
    background: #c9c9c9;
    border-radius: 2px;
    width: 500px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    color: #333;
    letter-spacing: 1.14px
}

#favorites .page-container .page-controls {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#favorites .page-container .page-controls .next-btn,#favorites .page-container .page-controls .prev-btn {
    background: #fff;
    border: 1px solid #333;
    border-radius: 2px;
    width: 30px;
    height: 30px
}

#favorites .page-container .page-controls .prev-btn {
    margin-right: 8px
}

#favorites .page-container .page-controls .prev-btn:hover {
    background-color: #333;
    color: #fff
}

#favorites .page-container .page-controls .next-btn {
    margin-left: 8px
}

#favorites .page-container .page-controls .next-btn:hover {
    background-color: #333;
    color: #fff
}

#favorites .page-container .page-controls #pageInput {
    width: 30px;
    height: 30px;
    text-align: center;
    background: #fff;
    border: .5px solid #e0e0e0;
    border-radius: 2px;
    margin: 0 8px
}

#accontManage {
    width: 100%;
    background: #fff
}

#accontManage .ah-nav {
    height: 60px;
    background: #f9f9f9;
    border-bottom: 1px solid #eaeaea
}

#accontManage .ah-nav .ah-navCon {
    width: 1200px;
    height: 60px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#accontManage .ah-nav .ah-navCon li {
    margin: 0 28px;
    float: left;
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position: relative
}

#accontManage .ah-nav .ah-navCon li a {
    float: left;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #666
}

#accontManage .ah-nav .ah-navCon li a:hover {
    text-decoration: none
}

#accontManage .ah-nav .ah-navCon li span {
    float: left;
    width: 7px;
    height: 60px;
    margin-left: 10px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAAG+Fv5aAAAABGdBT…zM8t+/f3uBLuAEK2Bk/M7ExOR86tQpkKGEATCwC0AYl0oAUoQ/ApUf9nIAAAAASUVORK5CYII=") no-repeat 50%;background-size: 7px 4px
}

#accontManage .ah-nav .ah-navCon li .ca-sortSelect {
    display: none;
    width: 120px;
    background: #fff;
    border: 0 solid #c9c9c9;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 50px
}

#accontManage .ah-nav .ah-navCon li .ca-sortSelect li {
    margin: 0;
    padding: 0;
    float: none;
    height: 36px;
    line-height: 36px;
    cursor: pointer
}

#accontManage .ah-nav .ah-navCon li .ca-sortSelect li i {
    float: left;
    width: 9px;
    height: 36px;
    margin-left: 9px
}

#accontManage .ah-nav .ah-navCon li .ca-sortSelect li i.ca-selected {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAAHEcZzWAAAABGdBTUEAALGPC/xhBQAAAl9JREFUSA3FVU1rE1EUzQTjrNwV3ErATdpoab4WWbkQpBSpxbhw6a9x58rf4CJKKZq6E1wETZOp2qAIQpZS8BcoccZzXuY+73udmdJk0QeTe99955778T5SKmWNRqORGDuUN1mAPBsdrbMGBXpCHagvEFNjlzDNZvMI30tjlJ+U80J5GP7ECQqaKAiCH4x8ormpX8G4y0BAfMD8QAClTqdznQvWIEq3270muhNIjFomSRKgsBj0z7X9jE4gw2WG9NE+MGCy8/n8NAUOoijaoS5smNtUreI5GV8NTMlckdsWF3b+zKaRB0XbpujKzXK5fKOcB6KdrcO3ATUcj8enheBWq3VMJ2zIC8pCMFg3CZpMJo8LwejzhACM/kLgaMG4hsmvarUa9vv9P7IA2aCOXj8SG9N4z8lsNvvd6/WuUgfBR0qM/YVY/JrWYfErpjWaGIGO1P0dNAXCuI61bwQIEB14zbkezqboCD4rnZzWSQSwHmrGpXQnjaUY4NRutx/EcXwnDMOnw+HwJ3lWJsahfIhTYTcZ5f7FAa2tRIwzuYdMX6lKY+jr6Ol3p8kKcK6K3dv1SSuVygZJ6bxUxij/Psr//0ri9qH8Oq4dD6MZNmNksAaHZ3KcBeBLbNSOT4q+3tKk9OH7yAv1Dl+dhnQMcPz3vAtWQuBtkA4EBJngrd8cjUb2T0DWTCvS15Dk5k7JIqQNgI26h56+VWssfwuZflY2qzo9LgjAP8Tb1gsKyt/Co/NJ27TuEMtCQQADQflNlB8JPktmEgswKwDKb6P8sWDyZCGxOKkAT3BOR2K/FPkPNHX2sPTfcRgAAAAASUVORK5CYII=") no-repeat 50%;background-size: 9px 10px
}

#accontManage .ah-nav .ah-navCon li .ca-sortSelect li b {
    font-weight: 400;
    float: left;
    height: 36px;
    margin-left: 6px
}

#accontManage .ah-nav .ah-navCon li .ca-sortSelect li:hover {
    background: #e0e0e0
}

#accontManage .ah-nav .ah-navCon li:hover a {
    border-bottom: 2px solid #ffce34;
    color: #333
}

#accontManage .ah-nav .ah-navCon li:hover .ca-sortSelect {
    display: block
}

#accontManage .ah-nav .ah-navCon li.ah-selected a {
    border-bottom: 2px solid #ffce34;
    color: #333;
    font-weight: 600!important
}

#accontManage .ah-nav .ah-navCon li.ah-selected a:hover {
    text-decoration: none
}

#accontManage .ah-accontManage {
    width: 1200px;
    padding-top: 40px;
    margin: 0 auto;
    min-height: 425px;
    height: auto!important;
    height: 425px;
    margin-bottom: 72px
}

#accontManage .ah-accontManage .ah-accontManage-con {
    width: 1000px;
    margin: 0 auto;
    min-height: 425px;
    height: auto!important;
    height: 425px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfo {
    width: 100px;
    height: 425px;
    margin-right: 8px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfo .ah-personInfo-top {
    width: 100px;
    height: 100px;
    background: #f9f9f9;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfo .ah-personInfo-top img {
    width: 72px;
    height: 72px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfo .ah-personInfo-top img#addTou {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 24px;
    bottom: 24px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfo .ah-personInfo-top input#file {
    width: 100px;
    height: 100px;
    background: none;
    margin-left: 0;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfo .ah-personInfo-bottom {
    margin-top: 8px;
    height: 315px;
    background: #f9f9f9
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfo .ah-personInfo-bottom ul li {
    width: 100%;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
    border-left: 4px solid #f9f9f9
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfo .ah-personInfo-bottom ul li a {
    display: block;
    width: 100%;
    height: 50px;
    font-weight: 700!important;
    text-align: center;
    line-height: 50px;
    color: #5e5e5e
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfo .ah-personInfo-bottom ul li a:hover {
    text-decoration: none;
    font-size: 16px;
    color: #333
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfo .ah-personInfo-bottom ul li.ah-selected {
    border-left: 4px solid #ffd44d
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfo .ah-personInfo-bottom ul li.ah-selected a {
    font-weight: 600!important;
    color: #333
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon {
    width: 890px;
    padding: 32px 30px 0 32px;
    background: #f9f9f9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-title {
    font-size: 15px;
    font-weight: 700!important;
    color: #333;
    line-height: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e0e0e0;
    margin: 0
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-con {
    padding-top: 24px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-con li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 26px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-con li label {
    margin-right: 20px;
    font-size: 12px;
    color: #333;
    line-height: 30px;
    width: 48px;
    text-align: right;
    display: inline-block
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-con li span {
    font-size: 12px;
    color: #5e5e5e;
    line-height: 30px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-con li input {
    width: 250px;
    height: 27px;
    background: #fff;
    border-radius: 2px;
    border: 0 solid #e0e0e0;
    font-size: 12px;
    color: #5e5e5e;
    line-height: 27px;
    padding-left: 8px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-con li input[type=button] {
    padding: 0
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-con li button {
    width: 80px;
    height: 27px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #000;
    font-size: 12px;
    color: #333;
    line-height: 27px;
    text-align: center
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-con li button:hover {
    background: #333!important;
    color: #fff!important
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-con li.localAdress .info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-con li.localAdress .ah-pro {
    height: 31px;
    background: #fff;
    border-radius: 2px;
    border: 0 solid #e0e0e0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 9px;
    margin-right: 8px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-con li.localAdress .ah-pro .text {
    font-size: 12px;
    color: #5e5e5e;
    font-weight: 100!important
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-con li.localAdress .ah-pro .menu {
    overflow-y: auto;
    height: 250px;
    position: absolute!important;
    font-size: 12px;
    color: #333;
    line-height: 16px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-con li.localAdress .ah-pro .menu::-webkit-scrollbar {
    width: 3px;
    height: 6px;
    background-color: #fff
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-con li.localAdress .ah-pro .menu::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-con li.localAdress .ah-pro .menu::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #9b9b9b;
    border-radius: 3px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-con li.localAdress .ah-pro .item:hover {
    background: #f3cc47
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-con li.ah-saveBtn {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-con li.ah-saveBtn input {
    width: 80px;
    height: 27px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #000;
    text-align: center;
    font-size: 12px;
    color: #333;
    line-height: 27px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-con li.ah-saveBtn input:hover {
    background: #333!important;
    color: #fff!important
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-con li.ah-editBtn {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-con li.ah-editBtn input {
    width: 80px;
    height: 27px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #000;
    font-size: 12px;
    color: #333;
    line-height: 27px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon .ah-personConMain-con li.ah-editBtn input:hover {
    background: #333!important;
    color: #fff!important
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-componany li label {
    width: 86px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-componany li input {
    width: 250px;
    height: 27px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #e0e0e0;
    font-size: 12px;
    color: #333;
    line-height: 27px;
    padding-left: 16px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-componany li input[type=button] {
    padding: 0
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-componany li .info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-componany li.ah-licenceCopy {
    height: 84px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-componany li.ah-licenceCopy label {
    height: 84px;
    line-height: 84px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-componany li.ah-licenceCopy span.ah-licenseImg {
    width: 116px;
    height: 84px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    cursor: pointer
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-componany li.ah-licenceCopy span.ah-licenseImg img {
    width: 100%;
    height: 100%
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-componany li.ah-licenceCopy span.ah-uploadeImg {
    width: 100px;
    height: 75px;
    background: #fff;
    border: 1px solid #c9c9c9;
    cursor: pointer;
    position: relative
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-componany li.ah-licenceCopy span.ah-uploadeImg input#file {
    width: 100px;
    height: 75px;
    background: none;
    margin-left: 0;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-componany li.ah-licenceCopy span.ah-uploadeImg img {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-componany li.ah-editBtn,#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-componany li.ah-saveBtn {
    margin-top: 35px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-componany li.ah-editBtn input,#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-componany li.ah-saveBtn input {
    width: 80px;
    height: 27px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #000;
    text-align: center;
    font-size: 12px;
    color: #333;
    line-height: 27px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-componany li.ah-editBtn input:hover,#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-componany li.ah-saveBtn input:hover {
    background: #333!important;
    color: #fff!important
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-componany .saveInfo li {
    margin-bottom: 16px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-componany .saveInfo .ah-licenceCopy {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-componany .saveInfo p.ah-isSupport {
    margin-left: 24px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-componany .saveInfo p.ah-isSupport span {
    font-size: 12px;
    font-weight: 400;
    color: #a3a3a3;
    line-height: 17px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-accountSecurity ul {
    position: relative
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-accountSecurity ul li span {
    margin-right: 0
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-accountSecurity ul li span b {
    font-size: 14px;
    color: #a3a3a3;
    margin-left: 10px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-accountSecurity ul li.bindWechat-tip {
    display: none;
    height: auto;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: -10px;
    bottom: -56px;
    z-index: 11;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-accountSecurity ul li.bindWechat-tip>div {
    width: 258px;
    height: 33px;
    background: #fff;
    border-radius: 4px;
    padding-left: 10px;
    position: relative
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-accountSecurity ul li.bindWechat-tip>div:before {
    content: "";
    display: block;
    position: absolute;
    left: -10px;
    top: -10px;
    width: 278px;
    height: 53px;
    border-radius: 4px;
    border: 1px dashed #ffc50a
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-accountSecurity ul li.bindWechat-tip>div .wechatTit,#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-accountSecurity ul li.bindWechat-tip>div>label {
    height: 33px;
    line-height: 33px
}

#accontManage .ah-accontManage .ah-accontManage-con .ah-personInfoCon #ah-accountSecurity ul li.bindWechat-tip img {
    position: relative;
    top: -20px;
    left: 20px;
    cursor: pointer
}

#variousInvoices {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 80px;
    min-height: 725px;
    height: auto!important;
    height: 725px
}

#variousInvoices .ah-variousInvoicesCon {
    width: 380px;
    min-height: 625px;
    height: auto!important;
    height: 625px;
    margin: 0 auto;
    margin-top: 100px
}

#variousInvoices .ah-variousInvoicesCon ul.ah-invoiceName {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #e0e0e0
}

#variousInvoices .ah-variousInvoicesCon ul.ah-invoiceName li {
    height: 40px;
    float: left;
    font-size: 16px;
    color: #333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#variousInvoices .ah-variousInvoicesCon ul.ah-invoiceName li a:hover {
    text-decoration: none
}

#variousInvoices .ah-variousInvoicesCon ul.ah-invoiceName li:nth-child(2) {
    margin-left: 38px
}

#variousInvoices .ah-variousInvoicesCon ul.ah-invoiceName li:last-child {
    float: right
}

#variousInvoices .ah-variousInvoicesCon ul.ah-invoiceName li.ah-selected {
    border-bottom: 2px solid #ffd44d
}

#variousInvoices .ah-variousInvoicesCon ul.ah-invoiceName li.ah-selected a {
    font-weight: 600!important
}

#variousInvoices .ah-variousInvoicesCon .ah-invoiceInfo h2 {
    height: 54px;
    font-size: 14px;
    color: #424242;
    font-weight: 600!important;
    line-height: 54px;
    text-align: left
}

#variousInvoices .ah-variousInvoicesCon .ah-invoiceInfo h2 span {
    float: right;
    font-size: 14px;
    color: #a3a3a3;
    font-weight: 100!important
}

#variousInvoices .ah-variousInvoicesCon .ah-invoiceInfo h2 a {
    font-size: 14px;
    color: #333;
    float: right;
    height: 38px;
    font-weight: 100!important;
    border-bottom: 1px dashed #000
}

#variousInvoices .ah-variousInvoicesCon .ah-invoiceInfo h2 a:hover {
    text-decoration: none
}

#variousInvoices .ah-variousInvoicesCon .red_border {
    border-color: #e71d36!important
}

#variousInvoices .ah-variousInvoicesCon .ah-invoiceInfo li {
    width: 380px;
    height: 42px;
    border: 1px solid #a3a3a3;
    border-radius: 1px;
    margin-bottom: 30px;
    position: relative
}

#variousInvoices .ah-variousInvoicesCon .ah-invoiceInfo li label {
    display: block;
    width: 90px;
    margin: 0 15px;
    float: left;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #333
}

#variousInvoices .ah-variousInvoicesCon .ah-invoiceInfo li input {
    float: left;
    width: 255px;
    height: 42px;
    line-height: 42px;
    border: none;
    background: none;
    outline: none;
    font-size: 14px;
    color: #333
}

#variousInvoices .ah-variousInvoicesCon .ah-invoiceInfo li input.ah-readonly {
    color: #a3a3a3
}

#variousInvoices .ah-variousInvoicesCon .ah-invoiceInfo li .red_text {
    color: #e71d36
}

#variousInvoices .ah-variousInvoicesCon .ah-invoiceInfo li .information {
    position: absolute;
    left: 0;
    top: -24px;
    font-size: 14px;
    color: #e71d36
}

#variousInvoices .ah-variousInvoicesCon .ah-invoiceInfo li .information .information-arrow {
    position: absolute;
    border-width: 8px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #e0e0e0 transparent transparent;
    left: -17px;
    top: 12px
}

#variousInvoices .ah-variousInvoicesCon .ah-invoiceInfo li .information .information-arrow2 {
    position: absolute;
    border-width: 8px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #fff transparent transparent;
    left: -16px;
    top: 12px
}

#variousInvoices .ah-variousInvoicesCon .ah-invoiceInfo li .information p {
    line-height: 18px;
    margin-top: 0
}

#variousInvoices .ah-variousInvoicesCon .ah-invoiceInfo p {
    font-size: 12px;
    margin-top: 17px;
    line-height: 16px
}

#variousInvoices .ah-variousInvoicesCon .ah-invoiceInfo p span {
    color: #a3a3a3
}

#variousInvoices .ah-variousInvoicesCon .ah-invoiceInfo p a {
    color: #000;
    border-bottom: 1px dashed #000
}

#variousInvoices .ah-variousInvoicesCon .ah-invoiceInfo p a:hover {
    text-decoration: none
}

#variousInvoices .ah-variousInvoicesCon .ah-sumitButton {
    width: 120px;
    height: 30px;
    margin: 0 auto;
    margin-top: 59px;
    overflow: hidden
}

#variousInvoices .ah-variousInvoicesCon .ah-sumitButton input {
    width: 120px;
    height: 30px;
    background: #ffd44d;
    border-radius: 2px;
    border: none;
    outline: none;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #000
}

.db-loginRegister {
    width: 802px;
    height: 640px;
    background: url(https://123rfchina.shenbipie.com/login.png) no-repeat 50%;
    background-size: cover
}

.db-loginRegister .db-loginRegister-container {
    width: 394px;
    height: 640px;
    float: right;
    padding: 0 33px 0 42px;
    position: relative
}

.db-loginRegister .db-loginRegister-container .db-titleNav {
    width: 100%;
    margin-top: 34px
}

.db-loginRegister .db-loginRegister-container .db-titleNav .db-titleCommon {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.db-loginRegister .db-loginRegister-container .db-titleNav .db-titleCommon .db-titleTit {
    font-size: 24px;
    font-weight: 700;
    color: #999;
    cursor: pointer
}

.db-loginRegister .db-loginRegister-container .db-titleNav .db-titleCommon .db-titleTit span {
    display: block
}

.db-loginRegister .db-loginRegister-container .db-titleNav .db-titleCommon .db-titleTit .db-selectLine {
    margin-top: 10px;
    width: 49px;
    height: 5px;
    background: #fff;
    border-radius: 3px
}

.db-loginRegister .db-loginRegister-container .db-titleNav .db-titleCommon .db-return {
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 18px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAkCAYAAAH+9Co2AAAABGdBTUEAALGPC/xhBQAAAg9JREFUSA2tlj1SwzAQhWOD4QzJcASGS0ALDGdgJukD9Jmh5K8kyUBBnRQE7kPDTFJxACgw7228GimWZDtBRbRefftWWktyWq2i9Xq9JzFhvKpxraPSd7vdPO5oCaJc2ul0dk3AYDDYScwTDGAzdCfiY1aNEwceMsch3uKHWsFBDDzb8HJStqcUWu1AeEoJzLNvS4nN8MqB1bXnaZr2HeeqLmSlQEmS/HpBBRg4Ho+FcUBWNc/zUxvQLALGAAVTpPmkCuZxoWl00O5Fka9mPp9/c4ABo9Ho3obEbztiAc5iNMgX4AV9Aerz9sW2+sJik6CinT7Lsn0viJJlSPHDNFqFEuiDJIA/2kIQx7d8EHyXeEtO0SW1rVRAdyqgfVIHIszDIKtDz3QlJUJscmpoxCABUad3GpiCe83QaTVZDDbuG17TMf2hPWkKXgUbkGox2AFjcAkMwV7QBwdBG0YJj6Ig4VArNvYE48s7GQbuqMPGgj4hJuWFNxwOH2oLFptxas+IQnqiaLNVCtYVWspFBCmE7BO9VE1A4KYz42poHxLCePQ4abxZ8qZCRvC/hFRwG8YH6rSnDtTtCl+DW31u2vMmebGDIH6D01r+HttQxJYacrMuFoupXibKr+4x9cd681II/YewI6iZNxH2Cm4iHBVcR7iWYBPhRoIVwvzPdrCWoC2Mv0eP2F5n8M3a7fb5H2h4ZuQMkVorAAAAAElFTkSuQmCC") no-repeat 50%;background-size: cover;
    cursor: pointer
}

.db-loginRegister .db-loginRegister-container .db-titleNav .db-titleCommon .db-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 17px;
    height: 17px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAkCAYAAAGbGdhJAAAABGdBTUEAALGPC/xhBQAABD5JREFUWAm1WM9LFVEUdp76Xr1HIgUR9gcEFe0riFSMCiFK+kFECxf+QASll2tXEaS5cOFTqBbhRrOCFKmwDMIgWhhR21YpldQz0bJH2vdd59zu3JnxjaYXxnvPOd/57jfn3pk7z4LGxsY9BUarr6+fVmZdXd0yB9JrTKhDB8Axq+FBFGZQjZFxRjsjGoLX04rD7en3UNEvYDsYs5ILJLO3t/e+J2ZnSlCYOUW3OO2+ra1tG6eqBf17O9je3r4lm83+UH6wzJsgBIv0FJIpoOXlZccXNEF2UN8uBQGYJBjTvZEk1TNoZnKMa5xBh0Gq7evrc+iQRpDjOMO61BIwewXCn09wlgH9AWXeZwJWGyOPeueJ0VPDSUcyHxnqGJ+amlpUyY5Tw/XVJHSyhZEhOYbkP8RgIpXMMZuPZMXtJcNC7VVgK1mwel3EIX1paekujoUAw3e+remCfUpkqRg3ZeM21SMO3yuQHXLzVadJwpJNMMcG2VOQHaNPbxJlhNwzY3YTMviHeM8O9qYqnA2MYjc0NFSQ4C6IWrFdZ6IkmRjkjqBGgzEQXELgKxh3moB8YxC8QO5JXDdjaOVMWFpa+hyVCARPkHwEaTkUd3ssk8mMr4UIBI9AUEUClCBOAWqzRSXCitwDQbVJoEk4yEcEgn7AanBpBcxj82z7MCIQ3AL2Ii4fAUn0jqUhDQU+ikI/d+3b6GtxBRIQE0jCgEUUSkCs53bokIYCXpMx+uKmpqYdhu0ZBpJgGSdAchDIHK40M3K53ExLS0spx3bzkZgE3Ae4OpGkiBYWFr7zabdJPDWxCUwwVugK7A7XlwL5gsS1ktUICDYVwZznqSgkSkk+AgGzNxWVlZUlQPabrwJdRNbATAgbW0TFfBWoVYhKQGLeGt4jVznGMTLBE7eSxnoaNuR+5vHgf4v+gDJwlGKGcjxDX2hvVkun06m5ubnHqMJhd45frOsROEbh4PmsGsRsiqDW1tat2K/DmK9C5kKfw3xn9X51n9kRBDZcUHNzc2JxcfEBuE9YAi7IwayFCGAjBWHZi3G3g6jAKeFHzwpoAeL3CZHA/wgaGBgoHBsb64eA88IXJkDioUIEsBZB/Bqbnp6+AwGXJT+fAMHlFSLA1QT19PTwUyADAXWCjypA8JGFSEKQIIm5feAesDA+U7+gfZEQB89p97N0MgDyMZFI7JYnISAe6lpTRXhezc7O8kXE17E0fqEXiuH2k6lUqrKrq+ub5Q81IwkJEeBZAvPwkNnwmL6Ox+NV3d3dKz/4JBDQryokigCbM0gQMC9LSkqOd3R0qF9Wdg7tQCHrEWCTBwlChZ4lk8lqLNlPG+8RshEC7AmCBAEzik19Gkumfj4yRwnZDAERBT0E7hy+K3I8fYfwFPz7N0rIWWATr9cOqdD1IojIuqSep2C9E+XL41cVMJ2uoBsYc1U8/4HKx7Gp8b/eaKoVpfs8vAAAAABJRU5ErkJggg==") no-repeat 50%;background-size: cover;
    cursor: pointer
}

.db-loginRegister .db-loginRegister-container .db-titleNav .db-titleCommon .db-register {
    margin-left: 49px
}

.db-loginRegister .db-loginRegister-container .db-titleNav .db-titleCommon .db-forgetPassword {
    width: 96px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.db-loginRegister .db-loginRegister-container .db-titleNav .db-titleCommon .db-selected {
    color: #333
}

.db-loginRegister .db-loginRegister-container .db-titleNav .db-titleCommon .db-selected .db-selectLine {
    background: #ffcd34;
    border-radius: 3px
}

.db-loginRegister .db-loginRegister-container .db-fullCon {
    width: 100%;
    padding-top: 10px
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-errorTip {
    width: 100%;
    height: 30px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-errorTip .db-errorIcon {
    float: left;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAEFCu8CAAAABGdBTUEAALGPC/xhBQAAA3BJREFUSA21VktPE1EUvud2WhJjMDVtCSYGXapoSEza8nAKmugKEd248C8QE7YsZKFLjUF/ghs3RmRnItAWSNuYEHzvRBcSO7VqfITHzFzPuXDLzLQzQINnMfc8vu+eO/fcF2NbUs6knpMK9CnrSUEtCTcyqelN1fElhBPFypnka4qD08sdDMY1DueUQ6Yx9OQa5okop2yB6ZqRSX4QgkUSuZIEUkAMDh4wfn79UzdAF1sZZT09hkOqVPXu08rny6Q0rnErBrUA8F4jhXM2EpstPSSdhH4U5YQvk0CuGSCHEg6hq34DMnBAidqPEwOrk2dC9Cm2tw1r2rHo9MIn8ksiTm0Wp1b3Av1sOQVIuoWkcT+Qnx+nB0axQjLurFkjAlZlEaFdFIPqhdQZc0MsNQIG+fjhF8VXWiTSEQRyxYBV5D+6nGjgUnuDS+2U14/VHsZqP1V+VznIWe3v6TRt6y4DcRbNFQb8cWK2cFsRVFsjfj/f07FhmssqUNcCzCWyRfcWqQ6ke03LnqsDexyYZT2eK7WQW6653ZAIjEWL4Eqel0SaDFL2ID2EDdwCfp3hkMdx5WwKGiJ2qO0gTE39VT5nW8mkR2xhT0gfwHXHvoJFPxKBY9nCg+2ORHuTQ4VpR8bt/nbStJAY5cD40E5Abzw6U1ri8VzhGU2uN+hnhzk/TjE51ESu2Ia64Qeu+fHAjc4WlsnGKmxLZSA1ZFuitgNUBBi8i+eKrh3jIiqgag09fVmAfQfXWqfyBbUA7C1wGIvNFCf9cHUJq/2pPtMWT5AQ9yPt0m/gPFxLZEt5J76W8NtF/ai1uvYSF2zCCdgH3cACJlUtZBFp6qzV1c//IRmNN75h2x8rme5hMpo+jIm8VwmHWJdmmex+EBGvXjMo7o3hbVw7ULwx04J7Gq5AOqs9AvO4V3yvVg+4obl1gMqzsAbAe0HDy2EFk7bWnFIRvUZ/ejzSAhOt3Zd+uGPB1q98Prpm/r6Jf+pOJmmwAs1e4cFpG0dxS4zLbeF3hzamNeelZ1g8Wzwpt0U8W+rEzLnmutoVa4GSEVImJAWv14wW4n2YeJ3s/RDZl6Zl8GnSq/qTU6oM1crHg2U9CnoEKmzjFubDHG6o08WJaZjQCSBdPneYfQUHoAMTR5iAdonBFS4YfMFO8iGNTdLDzMv12v8A+Ic1lr/rIY8AAAAASUVORK5CYII=") no-repeat 50%;background-size: 16px
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-errorTip .db-errorTit {
    float: left;
    margin-left: 15px;
    font-size: 14px;
    color: #ea3e36
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-errorTip .db-errorTit a {
    text-decoration: underline;
    color: #ea3e36
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-inputBox {
    width: 100%;
    height: 50px;
    background: #f1f1f1;
    border-radius: 4px;
    border: 1px solid #e4e4e4
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-inputBox .db-inputIcon {
    float: left;
    width: 40px;
    height: 50px
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-inputBox .db-iptBox {
    float: right;
    width: 354px;
    height: 50px;
    border: none;
    background: none;
    outline: none
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-inputBox .db-iptBox::-webkit-inner-spin-button,.db-loginRegister .db-loginRegister-container .db-fullCon .db-inputBox .db-iptBox::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-inputBox .db-iptBox[type=number] {
    -moz-appearance: textfield
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-inputBox .db-phoneIcon {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAABGdBTUEAALGPC/xhBQAABXJJREFUWAmtF2ksrUd07nftJS9IehsaS+zVIiGpLVSoUiLCD/yRoJb30vLSP11Tqm3SNmnzeMp7qH+ESPwh4iXWROxJqdgqdmqNJYSLd+k5w4zv3vt915V0km/mzDlnzsycOdtHyG2rqqp6gaAJdmVlZS8LCgrIxcXFS6G6uppSkIBNyMvLK7gBRX1ra+u3vb29HyJKgetNTU3J5eUlZRGwZxOEKSI9PZ0kJSXhnCiwGx0dfXdgYOAzhMWtqKgoX9He3v71/Py8MxLS0tKISqUiLS0tZH19nfIKjx49GkJIEARKRDglJQUH2ugWCOHpblB3Pd2CTcfGxkwnJyefWVhYnGdkZHzO8FSC1GorK6ur3Nzcx0JlZSUXXVhYSPDDdnp6KsDNHAWxEphYNsL1v6PqZ4iTkxMyPDzMpnSkmkMIRVtbW5Po6GiSn5/PmQQfH59pnPX09FCkRqMhzc3NFObXbGxsfLa9vW1JsbddTExMsa+v7xZXFOKnpqbM+vr6nhs6uLu7+1xCQsLvTBgVcH19bVpeXl7BkMaMtra255mZmYUKWKyExZW6i1JTU4mjoyNH4702Nzf5HAE0PKWHh8fzs7MzpRYFJltbW8Tf35+ju7q6OMyAq6srIuDbM4R49PT05FNkFJ+GEwDQs5WgoCASGhoq5tGC4bp87ubmts5foa6urvL4+FjvKpxbBwgLCyuBzTa5AEYHk1YNDg5+D3rRo8ETrsET/sh4cdRjQiRYVczOzs7H+/v7VqAjjZ2d3Rbo4GfY8cbXkem2aQkA/30K/uvDiLojPhuYblFUVJSa0biAh+ggICDgRWRk5F8ohHoL2vpDFDg+Pl4A17RAASYTExNvQlzTchQkZGVlERsbGwRJZ2cnmZ6mTkfn2IHflMGQL4ADl3KsCGCLEQWeJ6LcgOi26HyC1HPpccsgQOFf8oghw0PRusdnvAcHBypZARUVd96NOpBqcHoTSQFgPCQ7O5uviY+P57AYAAM71YqKSIyLiyNiT0QcuDz9mpqaCIQ2RNHm4ODQIYBHrTIEjrqLxTTwA/GUREREvBISExN/EmMhX5LZ2Vlyfn4XJo6OjgjkDgLWyllho1mcUFNGD+zu7i7l1HsAiO9XOTk5j7kABIwVAgnyDFLsU7YHdyaGaGtr+2ZhYcGJzdkIL3MdHh5egrmA4XDUEyAmIjwyMvIWaP4TSMlvQ+lwLz+uMTMzu4YX2rC3t/8TNv0XcXJNUuDQ0JBqcXHxq93dXT0nlRNkCA8HUbu4uPwidRitA+DG4DbFDwkthjbWpWFRAQHxB/FB+AE6OjqK5ubm3tFdJDVHTwsJCSFOTk4E4b29PSy1yOqqlktILaU48J1/wPx/wwk9gJzhSEnAlIepT6phTVFbW6tVGUrxIc7Z2XkjOTm5VOjv74+Sslq5hV5eXnIkWiq4urrK0sWElZUVR8gKcQKUEIliwn0wxGBZFgzyS0tLsnRdAtQ6H5lA6n1Dl2BoDhojSqVSq+5Bfgxd9fX1RqmfyT88PLQSwDJfM4SxI3gLVsFa7FihYo37kGZpafla61/A0GIoBajlY21xX1teXiZQ6BIM4oYaxIZ1Wp/W1NT8IZebvb29SWxsrCE5sjR0z4aGBkm6ubk5FvufCgqFQuPn51csd7ONjQ09dUtKlEDK1QK4F7hyCex9yQMRliiQkX7V/ZmQkMtRaIzY0PqNbZjNAgMDv4AsTxMuPwATAL9X783MzDwBgxIY7v8YMQdDJqwKDg7+WyxP7wCMiBpZW1t7AknJx9BfE+OXGlHVEJhmoSyvZDfW5ZM9gC4j/EyZQAz4ACz7fbVabQdGawEffQNwJw18asgL+5D5huGWvfC+Rrn3f8zSL5PM0e6PAAAAAElFTkSuQmCC") no-repeat 50%;background-size: 16px
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-inputBox .db-phoneArea {
    text-align: right;
    line-height: 50px
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-slider .verify-bar-area {
    background: none;
    border: none
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-slider .verify-bar-area .verify-msg {
    float: left;
    margin-left: 70px;
    font-size: 14px;
    color: #666
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-slider .verify-bar-area .verify-left-bar .verify-msg {
    float: left;
    margin-left: 146px;
    font-size: 14px;
    color: #fff
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-veifyCode {
    width: 100%;
    height: 50px
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-veifyCode .db-inputBox {
    float: left;
    width: 290px
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-veifyCode .db-inputBox .db-iptBox {
    width: 250px
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-veifyCode .db-inputBox .db-veifyIcon {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAYAAAFyR/jpAAAABGdBTUEAALGPC/xhBQAAA2ZJREFUSA29l9tvTFEUxluq7g0lkopQlzZCSPAiIWlVSSOIByTipUmrf1QRwYsHoioRIZI2HkS8kBBR4hZ1bUo11KXU99uz13TP7pmZM6VW8p219rfW2muffZszZWXjMh2zXGgTXAMCOZJR7tlBBNKRUePPZWYSEXpvTPOeYa8HjJjviSHrtFFEvSdN9cnoYTztwmJjpX8JJ4TdwiBdnhJMOmWQZAN5ZiUIMBIbIXiCHA4ZsmuEfSHp7e74hXNi7F1DMluvwrNj0neEuwKv48Qy6Z5JaBJqBSeQ4FimmfPstNV7JHpD4Doje5SsWBjHIcEWBD/JvRihkMx2CANDfyG7ixeaVygi8H0LbMwqhjgqzKCVIN/FnfZ8i/TyIGaEZKZwfUBmF8FzzdKrAr+Z/TZhrWIqjfX6RwJnIT0y+iwZcoGQs6sgE+SkODa3W+AEf9lBkdWB453sS0HbmbYJYp4225glfEMjScJhm79eRqM1vD4n/Tni3LBnimQ2NwnF1vyTYh4K94UxKsfnU1Qq6WSHTVrSJjPcCcIOKyZXFfBS2OKRjS+WfFGRHwSWlOQciYd9Xt7jAncKy0MiMW3CBImTaxRBIh2wrvjbhVheQeDk2Jlsk7HfN1jGpETct3kQMFc4SqMEcceWyl+EtyUkXrZYe+duEeHwzR9rimQPSniq7smxWpgVZ/g2SdmqcEmnip/NPTgDsfUOqOTknICgwSg3C5y+UAbV6BXYE6kladSWvETGGqFO4MinEfbXC+GpwD6Kr3pRGaEw87tDsEXLeKbm+VzdXqNrijV4TXuqpVYFgCv8P96UWiYVGO5hzF/o38rtEZ4I9LlXYI8kCfvABTkjKSIF91Mx3KvZAyqb/grNIjmuMEZ4oOFN8PULVUK1kdJfhSsCR8mEYruEFUbk0e62YVoGBA5+LCMizkbkUrWHBO47EwruFFYaUUDzifIeP2/K1CQl8VXFLwtXGW9N3LDgpkqagk1Cs7BQSCNcj68JLPfRW6U3ejufYnqvC9xQDUKdUIrwpl2WYIVprxO2m+Mfa74ILgjuo42+w8K0ZwsHhMl8NpOfJHwx3YwdcWHz87+pRZhjxCT0R+Xk/c3MV9jqVMpg/dcakUI/UMwtgUslrxQrHCdy7OqFRQLLwi7n+/mxUNLP4h/Lp4wUzuuBdgAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 16px
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-veifyCode .db-inputBox .db-veifySuccess {
    float: right;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAAGXcA1uAAAABGdBTUEAALGPC/xhBQAAA15JREFUSA2dVs1rE1EQf/N2m6QqVVCw2U1JpQc9ePMilEK9iBK1miCiZ7UfYD15Fjx68VDtl+C5IklpMXrw4E3/AEWrVNrQ7FYvxaqUNsnuc+a5b3m7TWzpHvJm5jdfO29mNsDwsYv2oMnMeW7P2sOC+ZMM2CGOzxyhdVH7RCezS9YanWAV04IIevi/498v0KGjAehzu2j9JIZzNtgO+44GAFcWHmGBkAHwYUWTu48YWaZCQsBsc5jky1ADCbewCpG0dFD6NQHOkpADPFOgbvEHhQckAKyhsgrfkgAZQ2rgT7MkFIbV++XmVw8S39RTqBgjUHnasIrWZ5QfiWGSTSUg6/lYQyZOB/gpfCG2qCtzbpxx8i7K4cVmTVSE8O/quEyJ7kMwIXPUwTidSCXT0kAB9qz1RPhiRPHyxJIljVRmaWDpB/ERg2wxm25AfRLlfUIIFxgfcwrOlDQMfkIDq5ReZ4J16KCiuWHkqperr4iXBtgZkbZRivqJ0S5gtDI2YJpChj2mK+m06iy9N3Rc0sDAwS69iqV9RwLgfKSlZ1RedApuRimTAVZwNGJAzYVyHy/tw6387ePbhgiEFU0J2G9sso7+t/3m17UvdfKqP+ioDFjOOpbT1IFWtGGaNk8kk12tFCJybPGVgRWXL+eWv0fGNaIVMr6aB/nSTt6ZTJqpTrzGRqgSEMBhHIthKHnYGkpAZ3e5u7O+tXUf5/Pmju9H8yzgaVsq8YCy1f0QHQmAw4edLcZQHrmeuNF/eB9d3nEL7rjSkQFoCupQW2jV3Ep51ydeQJtInKgUKqvQNddleV6jsmMpWnv3sF8aOJ7JmIrHE0aW+543vUfnFTPZ1oMXauJdRWY+CGSIuj/FcRX1xSIHLDzG/fZoOwYL1LC45455tfo9OS5CjG7Xw9tE35wJcJuBeDk3AIwZudw5v4ZleM/3G4d7870nPc97iF8eXwg21Mw2lKFvsEv2EE74RCiMEbgFNmlltKfa32xsbjxnQgzEVFqytF5kF9ml9MSO2bR00xzA8k45+dWhcA4ys5nzvu/R93WvM6Ai+bizL0Z2tkLozJQy57BkM7v5Dul2WMp1LMn16pXq66hc52I0rYxGbeuSEJDDPu9BJ2lSweD41wG+AYiymUjON1sRytVf1pk3tgVafEkAAAAASUVORK5CYII=") no-repeat 50%;background-size: 16px;
    display: none
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-veifyCode .db-inputDanger .db-veifyIcon {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAYAAAFyR/jpAAAABGdBTUEAALGPC/xhBQAABPVJREFUSA29V+trXEUUnzN7d5NusY9kb6wiFWt9gLTWD+5G07zAIFF8EVupYgiopR/8VD+IDzB/QP2iAbVYtMYPSksRQUKpaTZrk2yCFVuspuKzYNTcRIM1Celm7/g7d/fc3M1uNuurA5tz5nd+Z87MnDMzN0rlm9m1K8IqTTYn5pUx1WLQ6EzUpcaIfx6D/0w2xU2+40k11VJ/FwPcSKy5rn5E5xT6nmWVps/ygLmOgfXJkW+8kRH6LUTrYjDQDiNyFzlN8UsIFV4y0HxdajTKsbTSHTq2tvYKMebmatbIRGKp9DEvBBMELCRLLy+d5sSXQQj7Em9URqUKQKVMKKQbsUeFBiZhsrSYdU/l17rkJxvJiGckokWt6Tk2IMwxofr7GA3TpvmMeRlDPuYbjTGEWboCiORRNIY0ViRyrYAsq3XUZulvBHe4mZaWasedx3pzCWGMlD5kp9JPsh5sPKdvAWwJgpXomqw4T2tzJWSuoSDPqMWtvMlzQbBAJzXNC+cflj4WtJEOTVpG0TtY39NiYKLoLJ3m+PvGqN34FbTYwEi/RwRhBsb1QSuRYmxDEBMda+2MDY72+lGc1oabTDYzLoSVpL22tpr6+hbY7jsHyTgmZ3FMtgWwYSynIdAvr6JqBnCcXirHKoo81RTvRK0dFicQ3HAkcsOGj099J5hImrl358bMn4sPY8dfQJ0WlKGQRCJf49jE1+3B9CucO7/qhVCp5JQWHbZKnZlXkTMpKrgYJMDqzqTvsVOjt2DjusVJZFln0uHb6wbTfXxFozrLO1va2mYPjvJJy0Yikevt5NCnON+W8+uPXkVJRJGWKCxdlW2G4xdQPRwRQ3DMBDl5/ThLjQKdFqPrmh6U5ifcN93dGo6LYgvKcEg9y31y2hquNguZn4LG1XQ5tto+MTSBnUyt5uDbSTWJDr9cc5oS00aZGumXkhzETo01i81PFXJZu1IxMBkbmQw6MuY7c4eLQWvdxnqwcb6RwtYgxro/7eWG5X3T3l41Pfvbi1ja8yiYQFA6S9p6gmtiuU+5/oqBp1rrE7iJ9hhXPb7aPkoALkxwPyQTOloVjh5f19/vl5BwROIqqN9Nyu3FKryvEzH8HxIT+wDb/hCPjcI2hy5HUA6GC/LBqdbEA15gMqaKlcvVjGuiHCtQJP88NAolgzfxUT6l9pWhKM5AeqXRjNFZtvHLjHvCBD7sVnIpxnH+/jBW6D775HBqyXpNlswFvipLNgq5s2ywkONZfFOsKcXCwBcNqROwb8XktgsHK/xZh8JttQND5wQze/eGp86fOYoL737BSkltyKt0C4OeBuHuIhKpX1CBVwVxvNWtFNJfx06O+Beld5+78+854593BLmldCzk95qB9ChSoSx8F76NhBcHNmpT7qtY99g3b99PBw9mMJEBGZDfganJC72OO7dHsFUlqVdxpLwseBeI05I4gODPlHPEbCe0Vh01N9562jl/5k2cjc5y/CIbqZG6wbE7BfdvLqelfp9x3dfE8F9KrPKrWN3mHXTkyCUZ1w/MwMX2Rnt+doGPwhYh/FuJnXoDD8i+5eMUBBbjZNMdt5HKfoRkFBSX2CuRqJ9zFkV3bkwmZ0rxSwYW4nR7Yp07pw7gqntKsHISg+G/G9VjU3Q/JZMlvyPEv2xgIYnkf1NRB114THfgo7MOq/oB+Rs2ynr37z6LfwE+B8SXo3+31gAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 16px
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-veifyCode .db-getVeifyCode {
    float: right;
    width: 96px;
    height: 50px;
    background: #ffcd34;
    border-radius: 4px;
    text-align: center;
    line-height: 50px;
    font-size: 12px;
    color: #333;
    cursor: pointer
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-password .db-iptBox,.db-loginRegister .db-loginRegister-container .db-fullCon .db-passwordAgain .db-iptBox,.db-loginRegister .db-loginRegister-container .db-fullCon .db-passwordCur .db-iptBox {
    width: 314px
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-password .db-passwordIcon,.db-loginRegister .db-loginRegister-container .db-fullCon .db-passwordAgain .db-passwordIcon,.db-loginRegister .db-loginRegister-container .db-fullCon .db-passwordCur .db-passwordIcon {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAgCAYAAAF/WYiuAAAABGdBTUEAALGPC/xhBQAAAnZJREFUSA21VjtPVFEQXuShkUfiFmJCJQUvaTAECtQYQkejidrxKtgfRU1obKgpwJCwDQlQQIJi7GhoCC8TNRG+7zJzds6553LvsjrJx7xnzmPOXUqlW+oS7li5CWJF1QcqWL6gyicVojlL6iVvA96LwVWn7mpAfkKDVws6yyQZoYPBCTWrAP4B6ASOjc1tpwPGOTrCbV3C9jDmoC2hzOa2FJf6QxJKLSqAzwKPVLcZzkgne1h6C6XPGkT2Dlb9UxC8gxXHmLXb1mXNDPiR1bmkaaDHGu+S2SEW/BP27ViiXZL1V6HsAtfWSNmeq/VNQuGewlNMLpsXHBI7vwyN1FMVYBsHhoALYA04BxyFCbF7+IboL5ph9zAvxhVwXeY7yH1AFfgNeAPbBn0P0GD6V/kH9OaW+Qm0fVdHwN0UZN1DEF9T607gKVVq+bnScb0derISOHgcwBTFEviAOXjLqWgYYgnPJbC3aIKOy6uiCYwbBXjzKbKzZJ3R0WZAbA82MZQvdb2hgzp97DQCZBX+Cx9PdAdIPWfYog+O9hfABAUhPoWvwInoT8H7AXsuW9APxO9YbAcD8Opz+QP5M2CflEuGwB+Oj0CrGDfBD0VOWGzrgyZgA3JWcYbRxxglLs6jWANdDQO975GXWVPOaqJ3ZIk51sDENy5yTvkbOww8lnLKqXKKfok9iyW/0eJk7muR+bj3ecmLQOyyJa4hds0j+l/FubKmrKccLpvvgON6JY52cI6nfQfi8lnRSz5FmhZnBcq05VLRBt2oNGuqzUCmLZeKNggLFb43BtbzKxU2ytXvu4PcwhrAf4f5hXwG8BPBT+6/Ar9T6zfpkF77/znrxgAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 12px 16px
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-password .db-viewIcon,.db-loginRegister .db-loginRegister-container .db-fullCon .db-passwordAgain .db-viewIcon,.db-loginRegister .db-loginRegister-container .db-fullCon .db-passwordCur .db-viewIcon {
    float: right;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAaCAYAAAGod87TAAAABGdBTUEAALGPC/xhBQAAA15JREFUSA2tludvE0EQxU0NUSihF6FgOogk9Kag/PGGfIEg6gcsJYoJKDQRQSJDQLT3u+w4s+v1+SzxpOedtnN7u7NzrtU2cGNDXJemg4FxerN+NgXDUBijgajL3sKMCTPgNaXIheObeW0snoRiT0LGmEODoDvi9uBtaLTgZ5KL1VimMRnqYg6NLYn1rPSL4nexs0jLdFXGXWKKhzKsEXRTHA5e1sR2/RBtbTPsjAVIrE2KtxEcprY6BfG5eCixtW1NljrxF2qxT+YgwwVTNN4X/6JbJmTDiITrpvQYl2V/6X0+0ZQc6d6yp7MiT90njospnsqwQqKd4rXUK51t3SHeCr4/Gh+IZ8RjwdYZ2O56R+sWfDkTC36tD/GvvRpP4EkpPsrwKhi3abybBgQ9OhFsFANVUwUrCmJ/CtiKTPfjASlHxd0i5fdVnBfZqy7kEnEynFAZHsvZ9gE+kT8hH9NLXpXjiTktEcu/YkY3UnQUH3G0Ln+hpNZ+izMIFCC0WsFmoI4oSEqAI18SeaBPRklwbZa4kVR0CiaBe6LVD83ghZheTBKPWJDkCJ+C5v3noohYGfeB3rXXK0F+nbGZqc3+UC/WSs2xRwITIftE/XDcp0X2KcUsid6JJ1JPsLFXHDOnQx+iQFPMybDKsRrSTTR72diSc5EAnwidWsotHV+KRzLw2gXSRBixTYrsUw50A7pChFyiKMApJKbd7Bd7nbYLL0Qu+GeRvebS90XZgnhoXTzeN8tgAW8V3hIrdyM+uRMit7AKqLC1EEgjojKrgDbAzaVKO/A7xFeRIqqSkCNYEFlMDuQ4KXZ9szLB5KDxF+3WFnRehsOZ4NTEZL66fAgAN4C51uio8qbI1wUMiXTVKi/5QXFNArnQVRajsOhhfEv5y8U304B8RGRcFu04D0ruB/41DFO4o/0ind8XYtlbe5+f41JlxVEmUpBV3oAMHNF7kT9KXGcKk8ZuR499XmyJgPyXxKoXpGmJuFkUtOkSS5FtasmM9H9m4o5UXoTCjno+EafEQfoOib6I1rIpbkqg6osptPZGXEAAvSZS5BStrwXi/xco9jmRmxWh14IsCD9bPyba1TbfoCO7uCjy/WJns+i3oNwkCpT/lRwNfYY/HYyA/vQzjBwlV5/Cr4x/m5KP5fPYwAgAAAAASUVORK5CYII=") no-repeat 50%;background-size: 16px;
    cursor: pointer
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-password .db-viewShowIcon,.db-loginRegister .db-loginRegister-container .db-fullCon .db-passwordAgain .db-viewShowIcon,.db-loginRegister .db-loginRegister-container .db-fullCon .db-passwordCur .db-viewShowIcon {
    float: right;
    background: url(../../public/images/user/db_viewShow.png) no-repeat 50%;
    background-size: 16px;
    cursor: pointer
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-registerBtn {
    width: 100%;
    height: 50px;
    background: #ffcd34;
    -webkit-box-shadow: 0 2px 4px 0 #d8d0b8;
    box-shadow: 0 2px 4px 0 #d8d0b8;
    border-radius: 4px;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    cursor: pointer
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-agree {
    width: 100%;
    margin-top: 9px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-agree .db-selectBox {
    float: left;
    width: 15px;
    height: 15px;
    border-radius: 2px;
    border: 1px solid #c7c7c7;
    cursor: pointer
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-agree .db-agreeTit {
    float: left;
    margin-left: 9px;
    font-size: 12px;
    color: #666
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-agree .db-agreeTit a {
    border-bottom: 1px dashed #666
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-agree .db-forgetTit {
    float: right;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    font-size: 12px;
    color: #666;
    cursor: pointer
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-agree .db-selected {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 19px;
    background: url(../../public/images/user/db_agree.png) no-repeat 50%;
    background-size: 19px 15px
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-agree .db-linkService {
    float: left;
    margin-left: 82px;
    line-height: 16px;
    color: #2390dd;
    font-size: 12px;
    cursor: pointer
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-agree .db-linkService .db-serviceIcon {
    float: left;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    background: url(../../public/images/user/db_service.png) no-repeat 50%;
    background-size: 100%
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-inputDanger {
    background: none;
    -webkit-box-shadow: inset 0 0 5px #ea3e36;
    box-shadow: inset 0 0 5px #ea3e36;
    border-radius: 4px;
    border: 1px solid #ea3e36
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-inputDanger .db-phoneIcon {
    background: url(../../public/images/user/db_redPhone.png) no-repeat 50%;
    background-size: 16px
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-inputDanger .db-iptBox {
    color: #ea3e36
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-inputDanger .db-iptBox::-webkit-input-placeholder {
    color: #ea3e36
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-inputDanger .db-iptBox::-moz-placeholder {
    color: #ea3e36
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-inputDanger .db-iptBox:-ms-input-placeholder {
    color: #ea3e36
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-inputDanger .db-passwordIcon {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAgCAYAAAF/WYiuAAAABGdBTUEAALGPC/xhBQAAAzVJREFUSA21Vs1rE1EQn3lJ05601qYHoQqehKLHJmBpIkSPUjyJ0IPagmj/AkUEpQhepQex6Ekp+h9UkTSIdHtUwYse/Jb0wxIv1bQ7zmydl7fZ3bgFXQgz7zfzm3kfv7cbAH7WKyMHxdpn9djRIayPDpMiRh1rl0cLjWCwXCq8UTTKGagtoUZhrVLZzTxPAK2elcFWs+Hla0uHxM904ZDYUC0powzrSFbsUy8Nv+Jp3QoFlb5WGdnPk1iTYGhZfU+ffyCgPZGAWyaxuS0VrBjhsbIcBtYBaEADluGCEmxtGA/qpcI9IDqrLLWhjVWQF/5I16mY2JVScdrFbWtudcRNVB+z9EB9scjTmOdpHHfBTr6JS+ZuXxHxWhzRTskNooGL+QXvOpO2XFz8WIJPMMebcJmIMhECV/ncDgJBN/+mIzgDoXOQhEBTBBcI6X0ukx3rffbinUsMEdz9tkmI9wcWvHM6tmtQQWZzuQNysvJDQE9OXm5NhBAIFfGmiFaD+ZpXFH+z2birmO0gQBYzDzXgWu50WMchAiHaV4AmtNsQoT0YN3YuRFy4DUN8srMOLNJYgghPBNhWPxhGCXyBRXj8UtqXisBbeEoSV8rDY6kIqlDfxzupCJIk0gYkKweXGLxIXSDwE6QtseiiI+wWIHcnJO9WiF9fRLhSLl5l5wrrJefG1GfyL0Cc7q8u3uBisbKKbcA7OuX7cLtVCBu8B7OEZgl8YIn6BY6dJwK7L8bgVH/Vm1GO2kiD5XJxgnw/uC58hD9MT/fQ3vnaRyW4dvXE6KC/8fM1X71dgqMxk/nq4qybE91TnyY1ATMwnlRccrZjOK754NOE9f840QaOHBCyb9sJ7WPTRa0cbG2Z5kUbaOQfWfxeLvc2/Y1LfIjB3UKgM3x4vVKflTHH0gg+zkn9+BD7WHGnt/NhnQC332qEX7pMzwzya7rJCfEXIqlqSpwnuGn+V3GZg9ROdQYs10bG4KB+LsQXLM1CUjUghJd7q94nLSi+YDruZFM14LWO8P+Kb1oo8BnTcSebroFUYHnYQq5vwXhnZ1+p+Bod0fQr6FgmOWgQzUlee+wXL5n294jUlNq/ASs+HvWk+u7VAAAAAElFTkSuQmCC") no-repeat 50%;background-size: 12px 16px
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-thirdLoginTitle {
    text-align: center;
    font-size: 16px;
    color: #292929;
    font-weight: 700
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-wechatErcode {
    width: 238px;
    height: 238px;
    margin: 14px auto 0
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-wechatErcode img {
    display: block;
    width: 100%;
    height: 100%
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-agreeTitThird {
    text-align: center;
    margin-top: 7px;
    font-size: 12px;
    color: #666
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-otherWaysLogin {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 32px;
    margin: auto;
    text-align: center;
    text-decoration: underline;
    cursor: pointer
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-successIcon {
    width: 64px;
    height: 64px;
    margin: 90px auto 0;
    background: url(../../public/images/user/db_success.png) no-repeat 50%;
    background-size: 100%
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-successTit {
    margin-top: 23px;
    text-align: center;
    color: #333;
    font-size: 24px;
    font-weight: 700
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-successAction {
    width: 396px;
    height: 50px;
    margin: 50px auto 0;
    background: #ffcd34;
    -webkit-box-shadow: 0 2px 4px 0 #d8d0b8;
    box-shadow: 0 2px 4px 0 #d8d0b8;
    border-radius: 4px;
    text-align: center;
    line-height: 50px;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-linkService {
    text-align: center;
    color: #141414;
    font-size: 14px
}

.db-loginRegister .db-loginRegister-container .db-fullCon .db-linkService a {
    color: #141414;
    font-size: 14px;
    border-bottom: 1px solid #141414
}

.db-loginRegister .db-loginRegister-container .db-thirdParty {
    width: 396px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 16px;
    margin: auto;
    border: none;
    border-top: 1px solid #efefef;
    padding-top: 16px
}

.db-loginRegister .db-loginRegister-container .db-thirdParty .db-thirdTitle {
    padding: 0 9px;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    color: #7d7d7d
}

.db-loginRegister .db-loginRegister-container .db-thirdParty .db-thirdCon {
    width: 122px;
    height: 32px;
    margin: 0 auto
}

.db-loginRegister .db-loginRegister-container .db-thirdParty .db-thirdCon .db-thirdIcon {
    float: left;
    width: 48px;
    height: 48px
}

.db-loginRegister .db-loginRegister-container .db-thirdParty .db-thirdCon .db-qq {
    background: url(../../public/images/user/db_qq.png) no-repeat 50%;
    background-size: cover
}

.db-loginRegister .db-loginRegister-container .db-thirdParty .db-thirdCon .db-weChat {
    background: url(../../public/images/user/db_weChat.png) no-repeat 50%;
    background-size: cover;
    margin-left: 26px
}

.qq-floating {
    width: 35px;
    position: fixed;
    right: 5px;
    bottom: 150px;
    z-index: 100
}

.qq-floating ul .new_user_container {
    display: none;
    position: relative;
    margin-bottom: 10px
}

.qq-floating ul .new_user_container #new_user {
    display: block;
    text-align: center
}

.qq-floating ul .new_user_container #new_user>img {
    width: 30px;
    height: 33px
}

.qq-floating ul .new_user_container .qq-desc {
    display: none
}

.qq-floating ul .new_user_container .qq-desc .new_user_img {
    position: absolute;
    left: -144px;
    top: -20px
}

.qq-floating ul li {
    display: block;
    background: #fff;
    height: 35px;
    border: 0 solid #e0e0e0;
    -webkit-box-shadow: .5px 1px 3px 0 rgba(0,0,0,.1);
    box-shadow: .5px 1px 3px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    margin-bottom: 5px
}

.qq-floating ul li a {
    display: block;
    height: 100%;
    width: 100%;
    position: relative
}

.qq-floating ul li a span {
    height: 100%;
    display: block;
    background-size: 18px!important
}

.qq-floating ul li a span.icon-top {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAWCAYAAAHbQN6VAAAABGdBTUEAALGPC/xhBQAAA4NJREFUSA2tll1LVFEUhj3jVNQQ5Q+o2/5CRAUVlpSCfXc1o15EE1qmpShJRqFkGZZi0Y0fdFP0IfSBFBkUBEE/oK4Dr7WcypycnnWctduzzznqhBvO7LXfd613r732PntOSUm+5XI5T23TJ5PJaZ6cDczqoIBIpVJtSsTEEDYWi01AXJGxJ8Do6Kg/CeABsM2BGVWTyFvDw8ONEinNOIqD53k/RkZGEkIw3kU3AdYK1uMhfZ+1nGCquDi4raam5uj8/PxDFxelSRc00wqhuYmtCxHbX64Y6qCkjoXzmwAuaGN+jcRTFRbCFn5NoDFs1rKFL0jc4oxpi1C7O9TutCEdI1LMEZmi7hut2Osso8Ua+2ZAzBbBY4ag9RpUV1e3PZvNvtcxmXaQ6VUzVsMWwekXTmuVc3tOQDkn4JXinLVznLU+qf5nwC1CIDKHyGp1WqpHtBrRp0v5GV5eGCacDH3vjNeCEaiZzSM0iEhasbCzo5z05rjaoNgsoc8WEsyuq4zdFipGUA+1OKvO1HJK7cUEA2IsTe6OCxpcWlq6lU0pY/xNsSjBAjGW1sHSLmpQPB7fMTQ09FHG1GsD3YxyYYJmA8ioBaFr6ky/G4G31tg38cvgt05xe1P8zMio0RbiEO4NExIBlpyQQ61idoZy36URGlQSx0oCXug4qkdEbnJzwCVDc/9IEBkd5LUYixJwcRL5TSKr8vgXswEIHStGSATyr94fsVnRJ7MBAhTbyMqj3nfpT9qxCN8jsVP0//7hbIdl2P+dGOXqJ6H6xeYgsQEq0bCYTxRXdGIciF7EmqIEI/CbHJzmCC4UXnZiVKiLCpnPCluNykzzlAuGz2seeYkDDZ9uKtgeIEKAJRPjDHVyr10KiZVD+p2DXsGt8sHma2trtxEzToLmX83mibnMGey0MdeOTIwKtSHc5QbkxxmS2s/q30XwPozGTjReMvA/qFxfNNrR6HZxGQcSQ6wZsRthzmA/EatC7E0EHwqjuQfNZ5Chf+lonkdTzq5pJjG2rIHy3zaMZRA4y1NN+cctuGiTOSpIcIxnTVgwW3yGOfqFk3voEAk9Ett1Jpk5nsM4y2pXrDFnFck95tHb2daWz/Qj8j8i32/uW5SFPE5CT+yIlbbzRXmAbsE3O8WY9tLpdFkmkxmArAT4St/EfpvPt5VOJkyPt3gfu9ZLgTbBP08kEvV/AVsSlLqabuADAAAAAElFTkSuQmCC") no-repeat 50%
}

.qq-floating ul li a span.icon-contact {
    background: url("../../public/images/icons/quick aside button/contact us@2x.png") no-repeat 50%
}

.qq-floating ul li a span.icon-collect {
    background: url("../../public/images/icons/quick aside button/like@2x.png") no-repeat 50%
}
.qq-floating ul li a span.icon-collect2 {
    background: url("../../public/images/cart.png") no-repeat 50%
}
.qq-floating ul li a span.icon-register {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAoCAYAAAB99ePgAAAAAXNSR0IArs4c6QAABWpJREFUWAm9mFtsVFUUhjvTm6VRqBDRqhHlEsALJlUUJfIACSoBxTgPipfG9GJbFZsAER+0RkEBTZSm907rjXipEnyCF1/UIgTlQdAQtFJBa4G2Jg3pSDvt+K1p57C6e86c05OpO9nd/1p7rbX/2Xvty2kgzWeprKzMiUQid8VisQWEuIo2Rns2EAj8nJWVdbS6uvqiz9CWW8BCHkFJSck1mD5HfZi62MHtGCT3wPfDxsbGvx1sXNWeyUFqOoNtZNCXiJrjGnnUIEKzhdoCyQGPPpaZJ3KlpaVLIHYAr6stz8kBmb27IXh6Mm6u5Jix5QT81iZoB7P4OfrDED8zMjKCGJhDvRfdOupcw+c88jIIdhh6RzEpuYqKiplDQ0M9hvcvEHm2ubnZjrBlWlxc/ABE30Mx31KmpUWi0ei8lpaWLqVzhEHHHjogtk/3M9ihwcHBAjdi4tPU1LQ/Nzd3CfBPFSMnPT39bSUnhY4zxy/fAJmPlfcRlmSpkj3BoqKi2cFg8HuMb0w4kAZLIX8kITu1TjMHr8Bu7TQ8PPy4lr1iZvkss7VK2xNbltu12JJjd87D80rlfSAcDv+m5EnBurq633H4QTktKy8vv17JttCWHAl/i2G905D9iHu0ExtDdnTSYkuOadc7LJqZmflT0ijeOiXvdLlBC3bYlhyGs5RxT01NTa+SfUHyTs45qzABWZbgAJzIDSv7nKqqqgwl+4Is47gYpI7T2FZ8WwN+lU7+6d3d3QstD5+A4+Q27Yp8Tst22JYc59BxbcyvfFTLfjAxzRjfuMWxJUd+nDQcK1KwtKtVzN6+vr52JdtCW3KcS//wS8PKY1ZXV9d2JU8Kctt8gMMM5fRqW1ubzmvVdQnakpNuEnjrJbM42swg6w2dq4jPJnL4KWXYwzVYo2RH6EiutbX1PEHltWsV5L08oXZYiiQAu2nUanx2GWYbDNlRdLz4Ex4M8BH4iYQ81h5n0HdZ+k+YhXEv3LKysjw2UIi+V7C9Vvuh28GFLy9pT8WVnESB4Bs0z1OvEFmVHgaUnd0hOo6HBci3Ay8XWZUL6F+DmOfnkvh6IieGPAZkpjYK9lHeYobNHHYN40pu7PthE5EepOqXimtwZSDX3xekwjsNDQ2/Kn1SmJQcyynvrheSRDhGXyeD9jOrI2AhL98OjjcKtm9C8GVsXIstOQ7cIOfaIbzvNCNAop0B3ifpv+YhecrsF5nZno/dGmCIeo/odMH3Pi9P/Qnk5BHIGbefYDfrgAxWL6TIncNa74Y551bgJ+fcM8q2gDhHWZkX0d3KjbRt7EGqTIwNEQqF0vPy8s5gIV/1iXKR4E+zFJ8lFH5aiEh6rCXWp8QKQ3od+KuxWF3Z2dk3mf/CGPeMgZh8h2pi8gm3kmAnxoL4bpip3ThLjReILU5g2vyBgQH5YP9D6dIscvySJ+l4RHX2Z2RkFNTW1nYrXSrhuMOb1/aEFItfX4WFhTP4JY16ZHJs1RQSSyP+X3q8+vr6Ti0Ljs8c670F48tUZ6uX70pl7wrZwWsZYzY1inGQyVipnVi5rdwwvfSnUwPU7+LkALLtEyUGWdlFKStshp2MsVkCQso2Lvrt2MT7xIYaDcJY7kL9hN7Frum3jeBfWe7DNUOm9yHD0dNby/BJKjKGnHP/JjUyOvH5UTbEcqU/wZY/reSUQI6iveSTfKcu4sBdyL825oC3GcFX0zcXUnL4L8LnDsm5FcqoU+GUQnbjOQJKjRc2yMlEjomCY+sgp8OF0d7RvzJzXyrFQYWnFEJsph6AK/M6LQsOsoyP0a7H+H7w66bBFMrTdGyWc8IHT/wogdQ+bfg/YWuVmJj2/Pz8U+a4/wF1eOOfZY7feQAAAABJRU5ErkJggg==") no-repeat 50%
}

.qq-floating ul li a span.icon-view {
    background: url("../../public/images/video/ca_jilu.png") no-repeat 50%
}

.qq-floating ul li a span.icon-fb {
    background: url("../../public/images/icons/quick aside button/feedback.png") no-repeat 50%
}

.qq-floating ul li a span.wechat_wallet {
    background: url("../../public/images/icons/quick aside button/wechat_wallet.png") no-repeat 50%
}

.qq-floating ul li a .qq-desc {
    display: none;
    width: 100px;
    height: 35px;
    background-color: #f3cc47;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    right: 0
}

.qq-floating ul li a .qq-desc span.icon-qq-hover {
    display: block;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAmCAYAAAHB8+mLAAAABGdBTUEAALGPC/xhBQAABOlJREFUWAnFmF2IVVUUx8dxzFIy0CaVrCgh5qWmggYrgqCnESSoiOqhofShJOqth4gQ+iKKMPp8ihilMkqsHgzDoBcrI7FBwqRSQvtEG600ZyZvv/8+e+3Z59x9zpwj99aC/93r47/W2udr73NuT4+XVqu1Gdxndg/GAjPQJ+T4xBxhxNkKRi2FhN8DsZiOfWcImiJSL3gabJNTDheUggSnDMtyLOxT5kAfFAF5ynwiHQ9GQhHbKkmXuHbGzVzud7IX54lZXowQjwph9/UyziOnX3k4jsYk6fJ78nQI3zVgP/h42htpBC4AkhFzo++Vw2w3tjmiqMVmSWmbQ574IKa7MfLlI5KpKqbTE86lBbxvsQgS2Y5Y0fpZOGcGopQyochJxaz1eWVEOv9BbJWLY5y0uVgC9nz5kNXmaxsJbnGU6p+jhM9pSzYHwUui/JXmLxvhzon47+Z4BPb54LW5QE3DCjs6xgPecWvN/CTN15jSzXBChlgMu6V7eTWZmfH6jMQ4CZaDKfnC3SUDuUFFMjX/1MpvQtzuvmfQ3X3vc1p9Rqq4G42SHMnT0bmiIuhGfFIKHe7W2BGh2HU2ZcYfvZ5bqOJGxO2QD0V5X8ScNh2iVuHHwadAF+5rsBFc2EaucpBwOagj66rquBhVPo8qvYfeX0zC93DEOYU+u8ixYr964pEkoeCEuz4q7FaZQCGw1QfHgrOGQs6NVjTQcdhDHja0EKyhkP+yL/qYo2Ps8I5lNfKTFJ+fLf45I0mf2UkNXUDJufbc7p05rZxBoSFXrtVaY1dnJ46bvNMN5enuMR2PuBvgfun5Q/ZQa/fOLedVi4WKlTTcYDNUsXFf5JcScpvb87U3TotN3TzYP1fMwNESOd973yab4bgVPM3xNp83YAVrH2ZJQ23ekm/ttgkn+TQPebs/5AEVfNsbO9WiaUH4wz4/TEpF/jan6SpeJhF3ItLn5fgEXoyC091yrMyA90/E/QFdr6bNhcSrwSj4DTSVMRLWgYVNOlfOlGJnUGw9uBekuFpCd4MD4Cegu08vlEvAUnAZKFsVtTGs5mHbwthMmJgWI9thUIO8j3ZFs2oZm7zZ4C7wHSjKNhxnzVgX0kLwTSF7F/bFMyY3JFDzdvBnoddzpWUgriqQD2KXXZ7SOk0D9Bgp9NW70vxcHRxrC6SNOUKXDXovAkeiOei9LPvMQTkf6HXH5K0uzydZnuZng3i92+6ION+wmTFq5vkFLVmuO056j4BYhvX2PxS128Fjf9xsmAPow+BSoKXjEHgUTq13R7g5od71OPRJPQm0LGm7+ZB644ySj7Ih/A5pG4nldYwPYkdCL/0oCGUTCnUWJ2rFLm1L9wNdRZPR4gQtoFGf2K+Bq4B7KWGUdGqCz1PrDvCZipbIqL1/xMc8gTHIaZ8L7gG74mAH9QlqvwlWAO1ST6Rqhy9QH9TW1Q//WIrcTR89H+EsHqTHK1Gf5TqD8ZvGgf9jctGEiuvvIk3Q3tnFW8JRpC57VKOr6spC9Zc0mTWRU2ugtpoFke8/Uel5C402Rc3GuJov6O/Kr3BeBA77oNY7/Y+lTwNt6HO8v+MDtZcC/e0wRfF3ogabmddgZGcqxBVALwlV0qllJtVDH7G5L8K2SZoD4jKgv9W2Ar3D/QX2gSuN03Qk9yFwDBwGe4DW2ZvB3LJa/wK52LgyLUBWGwAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 18px;
    width: 35px
}

.qq-floating ul li a .qq-desc span.qq-title {
    margin-left: 15px;
    color: #fff;
    font-size: 12px;
    height: 35px;
    line-height: 35px
}

.qq-floating ul li a .qq-desc span.icon-collect-hover {
    display: block;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAiCAYAAAFAXksTAAAABGdBTUEAALGPC/xhBQAABKFJREFUWAm1mF2oVUUUxz3qtTLzJnXzIy3KRAVNLG4vUU+VkUaRPvQQGj2IoD0UvpiVCJGmDz0JkRAWBL6UZVGYIUUZ+Z35USn0ECpkXRXzmlm2+/3nzDquvffs9ulwW/A/s9Z/fczM3rNn5t5Bg5Asy7aDweC0bBHvBiX+YP8i8voCmQUbR58U2iZhUSniCGQPWKTwBRYZWohLOUIG5CexndVyQr7tDexsFpgqJYpm84F0legDw1oZBQXf3kChfAV+LPjDxOAn5XiIs2ArkDxbdE6GvAQekYN2PTgOrgyBKJvB2ejcjS55EYwKWpaNCf2G6PiDY2zBDrPLP3Ufga5qg8XRDin4ggn/Bsq3ZihhqA/Efkik53Jjwze9FKBoyKvkQG7QT66CN/CFaXuupePUy9wGqmRZlQP+zlAIZXwM6m9Vdgq+j6J/gqMtd030/aA59UcjPNZicJ1NbnjbSt4Qg5fVJVX4L69Iqq6LozpPm3t/FcmayUsxRwu1OxcHsT8699Empwp/T4xR05sr4A2cQ8AxRSF7zIc+IzDNn/nG17bEd4OLMfnv2K5tJ1Ercgn4GfwGNoDRSqTVOtNaPwQugM/BbaWikL2gSp6vcsB/CprPEmWcC3wf/Zo4iuWOl7oXTI++2ejadySbwshQtKlKVhWHCmedbCn6YkFbzDdq/pKTqcAYHJ5Tyk/ekyE7y96xQrtTgXUcRfQSJP226Kytyy36bbv7wwqUX2UxJW0vjfRGTc326rfSsWmWPE3rLyDpUaGRQB+eZHU6Lc8SNxScUwKyvuXFuDVQzZ85LUdCIURFjsb4XaUQHHdEp5p7SwEQ8A2wRwHIwVRM4HDeH0KaP2EV+2DoLdHf5/mkTuATMVjNDAtCt5HohG1r89MUngEmPSh2luv7Gm7F22pJWBsr2V6kvSm/pbZViSASN8Ziaq5tN8/eys0krQBnQJ1oa5kDrgbDwYNgB6iTUwQ8ByaAhh9gMCKpF/QmuN0HoP8EToELQN/oSDAOhP2PtkrO4TgBdGvSTVFXqevAeOBlH8ZTYH+j0QgXJC34p4GX0xgrQPM+5tOjjm8K+BAU5WOI0lK2Evj0NFcC9eFlMUaXXtNcx2rBfAYq91YrbC2xk4DOpi/BFOPrWmLHxjxbpJjZYxqQbQcidPiV7kB1xTv109dN4DAwOaoB+RHu7LR4p3n0v9NGo7Ho/DjgiumuOtPZ/6tKX/qQRrlODukJ6Z5ioqe1CxS/BJczMCp9jAFfA/+GHtaA9JXNA38Ck99RXgWVf3x1OixqdoE1wG4wqKHvx2kvnwEYGvE2YIctajhE9RV2dToAy6OGJv4osHsZang6X9BqX0sLzqnArhOoQb7j9wFgl5d0coJVDrgP6Av28g3GtERKmiL4blAssh3urnRGmSW2F+gJePkeI3mhKFdIMCTrzCnuqu/BTUyEB0o+sAl40dn4AsidXVU1/pWnyDCwEPwKvOiJ3WLJ0oE4L30Yi8AVFjdgLUVHAM1SX6GXzRjhfyOOVIxiRwzYAKoK0Yk20NeB/yIxg4h7DbR/76nq6L/ydNoNXgEngf5AfBnoetKx/AOkUf7duxCYEQAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 18px;
    width: 35px
}
.qq-floating ul li a .qq-desc span.icon-collect-hover2 {
    display: block;
    background:url("../../public/images/cart.png") no-repeat 50%;background-size: 18px;
    width: 35px
}
.qq-floating ul li a .qq-desc span.icon-view-hover {
    display: block;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAAH7+Yj7AAAABGdBTUEAALGPC/xhBQAABSxJREFUWAm1mN2rVkUUxs/x64T0YWomCZZB1kUFoXdBHoW+ICj6F4pQyANqZoGXURdZV1pdlOJfIHmhFwZBUVEZ1IUh2CHpwsAs77zQc3z7PfPO2q2ZPXve/R5PC553zVrrWWvmzJk9M3tPTEQZDAafgdfMnsA4bwbtgRzHzWF6CY2zZgRWycgDl42kmnONQQN7m352y4m+HnXo/QsZEgIPgMEy2qeCh5/JycmLUmaLNScWsgesBV/JQHZ50qAxaBAMfZpP7CXgKo67zBn10swemsooBXA/JH8Sx3hWjlxKBZS5AfwCmr/aiJqKIKpEYx48AZQQhsP0JFPTNcbNlhAGinFnKMtPE4gO7KtgbynQqq5kLZZe0iJq8BT4RlWSCtgawzuJ0xlKQO4IrmGbBZYJfhVpVY78RM1muakJdV9CLxt/4V6eZmaWy7tOO195CZv4Icc/nAf3x2Cyro1E7Aa4ZrbX+JvFGfw4NgLJDU/07WE4fYiy+L2RM6+Vcy4aj3iSb48qKG7khBV2KSbf54tk7Zexl8ekg1msbVr1dqTtgauNJohFMd6Krq+DD+O26JDaZMQ+Gn5YrOgLLT5ObeImV2isbpFw4LdVYdxmAynxgw/m2+CmZWT6O+xmr+gskgdI2gVOAz0VP4NPwfqcV7VJmAL/gFEyUy2kIBV0XHj5EkNPwhrwONAzPg9MOh8GFTtqLPR7td6J3w3szEq3oziy5nmE+GCtmI/BnQWSdA8Y+sJvaVNcSqTzTyNmI309dIbjYCjFf9L3bm1iyxQ3O9eENL9BQswM9KqcLBt/tWDk2D9qnRKClIqNUfBALPNJ65jqKjzCfybGt/YuyAierxT9bwuMQ+2cdBWB80fkXUNP5YXxvRDjJ0fOoSWT8FhMkjphfmnscJKjX5HxE5CMfjaHyccC2z1N0R7+lRirE4fvuqMNvzmPaX8Y85N7qs1RcXF31NVf93AsJtV0EvgucKWrgPfDf8bl7PQxK7jCEdTc0yLhwH8P8PvlRyVe44N8EfSV7U1irUE17Xc/dFTVObO/lt87RqFVQGfw96DrACPUEnG/BW+A8Q+32ggpqH/mONMKvZf8Bmu61ndnjERdi/wdwveo+4TOxjWdBbIAXC20N4FdWmgmcgRr9N1DdSHmB7MqaVDTWb8LNqml/0ppsO3HzXohQdc52yBoBtF9ZqyrndXro6mtjSUf6AV8rU1G22FO7HxjyjsnN5yyaEl6gcjJBZsc205DAX4ug+EbmfgYdgAYoddBYH2RdEsDjGOwG7qNobmp7zZP1M1XCBvAKL0YA4yD1FbkJRyfZ7yH9o5RA8rj5NzyDMYB2kXBhhQuDPnaG3sjXcQBrreRRX1Jdy67L9nE1F4djVPT9mp5gk7urxELsbzvMMDmE1tMeLqQWHXx/WROH1Eg3Q4+APru9hKwE0hbR+1SCTVI3vdZPcEb43Sa0jeF4qXdqvTR1NBXn1fB38CLLqoH8hr49GnBLvziq70u8GjY64kCEu1DY6/FvFNvU+8pcA78DlZmsdI+vNdzNJM6K73o88+2hPQ/GPShY89e6Kz/4Ytd3h/R5wrk8/gW/bij5mYwC7xoeU3n42rZkI76rNjWjL4Lqh/VWsWcg1xdXA+BfMZwDY44atPUk9cpJOme/j4ofVOex6/j6HPwK9B2JaimtgvhUfAieBKUXiP1tM+wAXyMXrgw0Cmg27B/ecBckOiGNANW9BlRdQZrBehgA3HNzhZgMyatN0abTekfwUlm6U/02PIvf3yEY35H1Y8AAAAASUVORK5CYII=") no-repeat 50%;background-size: 18px;
    width: 35px
}

.qq-floating ul li a .qq-desc span.icon-fb-hover {
    display: block;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAoCAYAAAHyEiiBAAAABGdBTUEAALGPC/xhBQAABM1JREFUWAndmE2oFlUYx+8tzdI0QyjEunElEU1qUfSxiIKIoqhFUGAQQe4yEDGR4EYIEVGuWrWoaNOuVdCidkGBFHeRizIIi6IoC/P6bdePfr8z54xn5p33nffjfpAP/Oc85/k6z5w585wzMzY2CF2ErtCBdk1s31bYNYjK8WiZrE7RXw4eaPbCQ4sKOaihAiXNEplxKAlCm6xopxKfZzCDVcqk4kjnqogw2Mm6tt43epiNuqJnX6+eBii72qA4B/5qC9BTP06Eb7C4CxztYbnaudV4lmZpD0PzfQz9pn5n40qDlcZ4lzOSeNrpxFeMTUmBlHjaOxOvvIxsp400PttmhP4Z8GewM6+cFOZ9+H+CYf2CYlLDutx+eVPop+lvANeqGIIc4DiYYFKOBX+CzjgydPMQAUuXIkS4Pp1m2Vf5FCP9WloNxzwZ3SZS4EoYxnwQbMmF9FeAF3KZPLLtoJzSih7FLCjfbvhAuRGCM1H8cJLTfy3KflMG/0Ts7wo2dCqBk+OgbR64cSoGDdhknyriEZTXA6dDvj7guzzY15EHIjNvvb5+b0RmLVa+DPQmgtwAzgPpeNGEwL0d+9UScB040K/9/NqRie/8UeAtXxgSx/D7OmVqTfYBzgJL6WnQTwnDrELGuC5K9vOg73NRbwXSiYrpgB38V4Yo3LmuLquJGKN4W2Jn0IYsrWxu4tfom6/XsKsonAvKA89FvDJGY2Dm6qXSIjLIngNrcjn9jcDNtpNQ7AHSi2ppXW5SqFhRtqMQVbehJKO9Pdq5ZMOqasr4K42gT4smXD/P+Cb257owHOByIU/3/rwvj+x7mwZ5hyzZNGWcdCO1/8/AxRlgbGz7SPdeOK+iCavCIrSSTgpuMTpc2JTXizy88ryB/SNo3i+1BXOBZi1wMfyE/fogxvh5kHZh2A4KBQrpUx2aSwJLbnFoC1FbLhgfib4nYuuObnajE4EOx6Ae4VM1HD2wEQjoDnFTv9E63hyclflJsAlMgvo2j2heyfEPAd/2aRZCZfwyYRJdjYEH7PNgTms+8Yalczi6gm8h8V8MEhIm2TvgvwBpnz0DfzXYAb4FC3UDJrgZ7ANWsbB70rqb3kPSznpYR6+Q9L9A8vV5JygW8UIOO8FpIJ0FL5tOqsUWkLQ8nN2DKheZfmT8UCVjHmEtp4QXObf+h788E2b9vOVCimQx3to0J8hXgYPRzuZ3sK6L7ePoXJuJPmqyq8taZ5ho63HanTlaMd5D3uS7E93GzNata2/Wz1lfbH94JXqWmA+lTre248hWN6SUHCKQ35SvAr/XLX/7kPuiVgjZXmw/Q2jifjt+gOyTitGlzgZYjzCefj3QvuFYtO3EIJ6M3cylkyCckNs958+CHPx/4ClbcumEL6Omxzp/WcxB5Msi4aVMhNvyYpPbcvORgPVxN0jrBTbQl1zbf7oQFbvWG8Sm8rnZbTawWwKmQF7yPILeVvFB8CjwHDEseRKfqgQtbsaXxxd5FJpMcdP5IfWdLT9ctoF7gTW4ch6lXydLnrOX3gd/qb0JfgAfguVA8kPJ5bYfzIBe9B3KA+BjSt1IP2QaB+EmbwV/A3fBOin7AzTueI0BF0pIUhMxOWu6y8ubKB/nQuUx8DgkuRasGNixD4f/AFYmS4DgIY8WAAAAAElFTkSuQmCC") no-repeat 50%;background-size: 18px;
    width: 35px
}

.qq-floating ul li a .qq-desc span.icon-top-hover {
    display: block;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAWCAYAAAHbQN6VAAAABGdBTUEAALGPC/xhBQAAAkJJREFUSA21lltKXEEQhp3swA1kFyIECYiYCCEggovIgyAIgpCAIPggCIIg5N3sKA+uwNeYGOOVTL6/p7upU1afOSSTgqKr/1u348yZmZvLNR6PR2V+UQbWK4hx3TPfl40n9gqRVrHUIn0gYKTdiNKG8R3LS82dkijXSYcom0zemP1yxnYTxuacfioCv8JtyuBx3enSg/UVEWFd5Q8RXl+tIihk2UuUSoCq7LVOkAmWXiOBJUFzqWqsQ2HcOo1P8nJsXs9cxrCtC/nm9keDUpzp2prglhz/0fJ1dqLbSgQD2lWn304ywAtDPATeJoRv3Xg7/+LQhHiPvqQ777JQ3AcScEbX6tP2ciSc1BQz9JoiEu+R8WvsvDUiT4hhPHBBixKCfbd4aLYg4k/WwLzk+GvLW64zI9q1QubljiBvwG+s7pkGctsKmFefiQwAf2v1lQL8YAlmPVqnFrp760sGCzCvT00xAvQPxn9Rn2yAm0Y3eMT3lAPPB5siISF6sn7OYXYR9m8fv+jAIRgHn9qbNObTIVkz0XCB48Yl+uDjmRwehXDqYc/J+mGykFtzqw6j7L/COGG/dQr4D/qVDxaWOZaw9r1n8J44fYe06ifE62lh0tDStqr7w64vkISdVgr4L3qlzx9x8mQvS1g7kS9hyLdCywS8Y1lrmgcSyqCV1aqtGoVig/7dUOoJ+r6KZzQok7ZPZ3u87rKhp3X0KXpM5Iwu0orRGbTO8nWli83TX2h96X+l37SC/hfOmW/z2bqD7jL/B+lvu8SrN53nAAAAAElFTkSuQmCC") no-repeat 50%;background-size: 18px;
    width: 35px
}

.qq-floating ul li a .qq-desc span.icon-register-hover {
    display: block;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAoCAYAAAB99ePgAAAAAXNSR0IArs4c6QAAA7NJREFUWAm9mEtIlVEQx+9VKZXIylKMzLIsiagoIqIiIhBapPSAiMiN0aaQFtJr0aqwXBURtSgioqDAtUSLQC1JKcgHQVQE9laJLNRe3n6jfpfD+D3PVQf+3plz/vOfud/j3HOMxywtkUhkkboBLAN5IAG+gC7wPB6P/+Jzao2mCsA50AW8rJ2JE6BgSrqjUA44AwZAWBPuUZA9aU0ivhp8Arb2kcSFURuMByUguhlOkwvvDWP3wVPQDURrEdgEysESYFoPwUaeRclL3Wgs1+VSybO2JUgdzg7wSuXLbZ4flBtqHqEmJd5CnBkqGRLcLNCtNO6GzffkIXhAibZ6kn0m0MgHb5XWep8U/ymE4qBPCS71z/KeRadYaT3xZgfMIFSixBoCUgKn0WtTmoVBSWkehJVqvE7FNuEdlSRvtK95NVdiZP3FbzdiW7dFJRapeFzo1dxcg9nL2tRnxLaurHOmTTMDN9+ruX8GWZaDDCO2dbWGV+2kvhfhdZIRi+XglxqxrbtKJX5V8bjQq7lOxdyrYptQazTaiMjKPlu99j2p3lryvxmavfjpVs1JEsnXDTFxrZcTcm8prSPWjY01N08JSrgrqig5NUpHv7VRJUf5iFYoYQkvhFGDlw0uS4KysjD5oTgI31biEnaAKpCtRRiT5/UweA+0ndf8lGMqnAXfdSVieVEeAXk+BY2gH2j7wUBNyo14CSB+UVeMENd66aY0TgNyfpBbq7dQEXpLyNJxDZi/2YF9+Z4hELuEQrWPSgdz70A/GAZzgJwd/H5RavmtPg3HzmgqDbQCN2tm8BBY7KXOnOwHj4HHwM0CzyCu2igVgk4XxauMyQk/kpGzFdwApq0VEQbkC8hccaAopHQgZ0zThgj2BSYHENCoBg9BlVD5LAeOfcCZ7isBod5hj31Kkt/z46vnN4nuSVVr3OYzuceCeBCx3YagPOTreHg/G2MT6Q4oMfeXk8ZmgUH1TeyPb6qqW0itPWY9N45z5Y4zmWkQbnLF2ow4ZZdGdiKSD+RMIvvI7SBpzJ8ikOOAbKXkKjaDkYfzhfEthvFnjkxM0B/06gz9sO4feWvWKHaoXUeUvtH/qWqECuXyVqhCV1Q8EWElIkMRhZ7JlZO1x7GXEQVC0ymQB0rBclAEZKdjWhmB/NtiBRhdvnB+A8caQldLkUjBSqfo2OcMLSm3td4YtP8HiyES0s1VvAUqjmWwZOyn83tMDOI/0IRJjPUu2jzIT2LZENJckG3GbZWdjrPmJrP/AyfdkMt+vxU9AAAAAElFTkSuQmCC") no-repeat 50%;background-size: 18px;
    width: 35px
}

.qq-floating ul li a .qq-desc span.wechat_wallet_hover {
    display: block;
    background: url("../../public/images/icons/quick aside button/wechat_wallet_hover.png") no-repeat 50%;
    background-size: 18px;
    width: 35px
}

.qq-floating ul li a .qq-desc .newyear-erwei {
    position: absolute;
    left: -284px;
    top: -70px;
    display: none
}

.qq-floating ul li a:hover .qq-desc {
    display: block
}

.qq-floating ul li a:hover span.icon-qq {
    display: block;
    background: url("../../public/images/icons/quick aside button/contact us@2x.png") no-repeat 50%
}

.qq-floating ul li a:hover .newyear-erwei {
    display: block
}

.qq-floating ul li.scroll-li {
    display: none
}

.cb-activityFloat {
    position: fixed;
    right: 32px;
    top: 140px;
    z-index: 1
}

.cb-activityFloat .cb-float-img {
    position: relative;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 135px;
    -webkit-animation: a 1s infinite;
    animation: a 1s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.cb-activityFloat .cb-float-img .cb_floatImg {
    float: left;
    width: 122px;
    height: 140px;
    background: url(../../public/images/activity/cb_activity4.png) no-repeat 50%;
    margin-top: 17px;
    cursor: pointer
}

.cb-activityFloat .cb-float-img span {
    float: right;
    width: 13px;
    height: 13px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplY2U1MTBjYS1jNzhiLTQ2N2YtYWIxYS1lODA3ZTIzNmVkZmYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzhBOEI3NDdEOEQ1MTFFOEIwQzFCMUEyODkzMEJGMjgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzhBOEI3NDZEOEQ1MTFFOEIwQzFCMUEyODkzMEJGMjgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjczOTJERjNENUE4MTFFOEE2QkM5REQwNDNCQ0IzMzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjczOTJERjRENUE4MTFFOEE2QkM5REQwNDNCQ0IzMzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5tBf8sAAABsElEQVR42pyVS0tCQRiGx4rU3FV2kSJblBGBixIiCMmMfkD7fkBRIRTaDSEqguoHtIg2bVt2I1p2/QttMooiiMRFZZb1jrzKdNLj8XzwLM6Z4zsPM9+MQgjhAOfgGFQLc1UBJsAdqJcvGsET+AGnoNVE4CJIgyTwZQfawAuDz0owLgNj4JusaD8YBI8MPjFgXAlmGSYNV7mU/8oD4gy+ADU6oePgi6FLwKJnEAD3XCO5eS2acSuIKIZrhQzVkjN2KcaXoE4ZnwSftIyC8lJ2dYAtIo0PQTsIK4brRgzzGfeABI2fwQdIgXm2kukaBq8MluwCe7E+K1ZeUKU8dxbpCt2yc5fT3Jg9EOPzAXCZCZ0B7wyc4yR9ylJcg+ZSDKe5yzJwE9iU8V4ay+Aj0GAkNKwxtOXZh37F+Aq4C4XJH4domKKhVWfybvZx1tiZ76MI+zDJPrQb6GO/cvL+GMsmnqKhPHobvIGMlpd3RfZ2y8i4eWqk4YKmJ3O1szwkvJ7aQsZBZsh2C1r4Upq+gW0aZ8rldAi/r0lsRQO5hJtYXIyE9sXtQ0Ib3gFG5b/ArwADAGTqc2RyfHJQAAAAAElFTkSuQmCC") no-repeat 50%;cursor: pointer;
    background-size: cover!important
}

@-webkit-keyframes a {
    0% {
        top: -40px
    }

    to {
        top: -70px
    }
}

@keyframes a {
    0% {
        top: -40px
    }

    to {
        top: -70px
    }
}

.cb-maskBox-dial {
    position: relative;
    background: #fff;
    width: 650px;
    height: 474px;
    overflow: hidden
}

.cb-maskBox-dial .cb-maskBox-close {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.cb-maskBox-dial .dial-title {
    font-size: 30px;
    font-weight: 700!important;
    color: #333;
    line-height: 40px;
    margin: 122px 0 0;
    text-align: center
}

.cb-maskBox-dial .dial-wrapper {
    min-height: 130px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cb-maskBox-dial .dial-wrapper .input-container {
    width: 400px;
    height: 43px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #e0e0e0
}

.cb-maskBox-dial .dial-wrapper .input-container input {
    width: 295px;
    height: 43px;
    outline: none;
    border: none;
    padding-left: 13px;
    line-height: 43px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cb-maskBox-dial .dial-wrapper .input-container span {
    display: inline-block;
    text-align: center;
    line-height: 44px;
    width: 100px;
    height: 44px;
    background: #f3cc47;
    -webkit-box-shadow: 0 2px 4px 0 #f3cc47;
    box-shadow: 0 2px 4px 0 #f3cc47;
    border-radius: 2px;
    position: relative;
    top: -1px;
    right: -2px;
    cursor: pointer
}

.cb-maskBox-dial .dial-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cb-maskBox-dial .dial-btns span {
    display: block;
    width: 160px;
    height: 42px;
    border-radius: 2px;
    border: 1px solid #d0d0d0;
    text-align: center;
    line-height: 42px;
    cursor: pointer
}

.cb-maskBox-dial .dial-btns .yellow-btn {
    background: #ffd44d;
    border-color: #ffd44d
}

.cb-maskBox-dial .dial-btns span+span {
    margin-left: 15px
}

.feedbackDial .dial-title {
    font-size: 18px;
    margin-top: 30px;
    line-height: 28px
}

.feedbackDial .feedbackWrapper {
    width: 300px;
    margin-top: 25px
}

.feedbackDial .feedbackWrapper .radio-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.feedbackDial .feedbackWrapper .radio-container p {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.feedbackDial .feedbackWrapper .radio-container p .radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    border: 1px solid #979797;
    margin-right: 6px
}

.feedbackDial .feedbackWrapper .radio-container p .radio.selected {
    background: #4a4a4a;
    border: 5px solid #f9cf55;
    border-radius: 10px
}

.feedbackDial .feedbackWrapper .radio-container p span {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 26px
}

.feedbackDial .feedbackWrapper textarea {
    width: 100%;
    height: 58px;
    border-radius: 2px;
    border: 1px solid #c9c9c9;
    margin: 20px 0 43px;
    font-size: 14px;
    font-weight: 400;
    color: #a3a3a3;
    line-height: 20px;
    padding-left: 8px;
    padding-top: 8px
}

.cooperation-dial {
    position: relative;
    background: #fff;
    overflow: hidden;
    padding: 27px 0 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cooperation-dial .cooperation-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cooperation-dial .cooperation-wrapper .account-infos {
    padding: 0 35px;
    border-right: 2px dashed #d9d9d9
}

.cooperation-dial .cooperation-wrapper .account-infos h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    font-weight: 700!important;
    color: #333;
    line-height: 20px;
    margin-bottom: 27px
}

.cooperation-dial .cooperation-wrapper .account-infos h4:before {
    content: "";
    display: block;
    width: 4px;
    height: 17px;
    background: #ffcd34;
    margin-right: 10px
}

.cooperation-dial .cooperation-wrapper .account-infos li {
    width: 280px;
    height: 57px;
    border: 1px solid #dadada;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cooperation-dial .cooperation-wrapper .account-infos li>img {
    margin: 8px 12px 7px 22px
}

.cooperation-dial .cooperation-wrapper .account-infos li span {
    display: block
}

.cooperation-dial .cooperation-wrapper .account-infos li .label {
    font-size: 14px;
    color: #9c9c9c;
    line-height: 19px;
    margin-top: 8px
}

.cooperation-dial .cooperation-wrapper .account-infos li .value {
    font-size: 16px;
    color: #3c3c3c;
    line-height: 21px
}

.cooperation-dial .cooperation-wrapper .account-infos .second-li {
    margin: 11px 0
}

.cooperation-dial .cooperation-wrapper .erwei-code {
    width: 273px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#weChatLogin-popup {
    width: 100%;
    height: 330px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#weChatLogin-popup .cb-maskBox-close {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 16px;
    height: 16px;
    cursor: pointer
}

#weChatLogin-popup p {
    font-size: 18px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: 700!important;
    color: #333;
    line-height: 24px;
    width: 100%;
    text-align: center
}

.report-guidance {
    width: 460px;
    height: 360px
}

.report-guidance .dial-title {
    margin-top: 37px;
    font-size: 18px
}

.pagemain {
    width: 1200px;
    background: #fff;
    padding: 163px 0;
    margin: 0 auto
}

.pagemain .ab-errorPages {
    width: 500px;
    margin: 0 auto
}

.pagemain .ab-errorPages .ab-errorIcon {
    height: 212px
}

.pagemain .ab-errorPages .ab-errorIcon .ab-errorImg {
    float: left;
    margin-top: 13px;
    width: 186px;
    height: 186px
}

.pagemain .ab-errorPages .ab-errorIcon .ab-errorText {
    float: left;
    margin-left: 62px
}

.pagemain .ab-errorPages .ab-errorIcon .ab-errorText p.ab-errorCode {
    width: 178px;
    height: 128px
}

.pagemain .ab-errorPages .ab-errorIcon .ab-errorText p.ab-errorDes {
    margin-top: 36px;
    font-size: 14px;
    color: #212121;
    letter-spacing: .93px;
    line-height: 28px
}

.pagemain .ab-errorPages .ab-errorIcon .ab-errorText p.ab-errorTxt {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #abb1bf;
    letter-spacing: 0;
    line-height: 18px
}

.pagemain .ab-errorPages .ab-errorButton {
    width: 350px;
    margin: 0 auto;
    margin-top: 60px
}

.pagemain .ab-errorPages .ab-errorButton a {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 145px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    color: #000;
    letter-spacing: .04px
}

.pagemain .ab-errorPages .ab-errorButton a:first-child {
    border: 1px solid #000;
    border-radius: 2px
}

.pagemain .ab-errorPages .ab-errorButton a:last-child {
    background: #f3cc47;
    -webkit-box-shadow: 0 2px 4px 0 rgba(178,140,19,.5);
    box-shadow: 0 2px 4px 0 rgba(178,140,19,.5);
    border-radius: 2px;
    margin-left: 60px;
    color: #333
}

.pagemain .ab-errorPages .ab-errorButton a:last-child:hover {
    background: #b28c13;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.rf-404 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 100px 0
}

.rf-404 .rf-404-left {
    margin-right: 112px
}

.rf-404 .rf-404-left .rf-404-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.rf-404 .rf-404-left .rf-404-btns a {
    display: block;
    border: 1px solid #f3cc47;
    width: 115px;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    color: #333;
    text-align: center
}

.rf-404 .rf-404-left .rf-404-btns .jsBack {
    background: #f3cc47;
    margin-right: 15px
}

.rf-404 p {
    text-align: center;
    font-size: 24px;
    color: #424242;
    margin-bottom: 55px
}

.about .banner {
    background: url(../../public/images/about/1920X350-banner.jpg);
    background-size: cover;
    height: 410px
}

.about-container {
    width: 950px;
    margin: 0 auto;
    text-align: center;
    margin-top: 90px;
    margin-bottom: 5px
}

.about-container .client,.about-container .media-partner {
    margin-top: 115px
}

.about-container h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px
}

.about-container span.desc {
    font-size: 15px
}

.about-container ul.list-inline {
    margin-top: 50px;
    display: table;
    width: 100%
}

.about-container ul.list-inline>li {
    display: table-cell
}

.about-container ul.list-inline>li span {
    display: block;
    margin-top: 30px;
    font-size: 13px
}

.about .ico {
    display: block;
    margin: 0 auto
}

.about .ico_graph {
    width: 70px;
    height: 70px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAA+CAMAAAChgZ0aAAAAgVBMVEUAAAD/8sj/0T3/+uj/2WT/9tj/1VD//vf/22v/00T/5Zf/2mT/5Zj/6aT/zzX/9M//9tb/0Dr/0kP/1Er/9dH/1U//66n/77n/++z//vr/3nj/55r/66////z/11r/2mb/++n/4IL/447/8MT/99v/+eP//PH/22//3HT/+uX/zzQ+ZCwXAAAAKnRSTlMASvUgyjTgDMLvisqKev1BN/nw6Tzkcl0aCLCFbATWyB+lllAxJxO8tyI17rA9AAABuklEQVRYw+XUi26CMBQG4KLcpOWOXATUedt23v8B11JGM3SktCwh2UnQn5h8+Tk2ILlpLTZhifTmA7qJWz0mt217vwOokO5YVAFnAcVljL7yoIy+4jjKjNPcBwVVQVCpKS7sLKokTEEoz1UVoA7vwka5S0ivRFdJLPapr7Dvt7eRUhW15xGP+DfJ7b7+5Qj9BI26gjxIL4TQPgfYPJQV5ELRJxtCZQWZYPQJ06SmCEak6f9Ip43ootFGKLKMsoLwiJFXPnOvOyn+bbybOUq2Gc5tMWJmKOgELi1D5wC70UPN2UsCdx7aGMrRimdsdwNbkX5nrlehqDM+gC8USUasWCjUEYpKG96FXjZT1JmIKsxiigZTug2i07g/FaPuDgrxoycGj3YzMTWIczvdZmqqGC6ElSEHOD61kWbOsOnTliblNtspBq+KMZdm8Koe6kUbJyde94qrQw2mPcIwhfqKM0i973P7rs4YYIoksWJ9xlyawZMM/te7WWrFq98Nlm6zqt385fErTzabFGLbHtIeAn7DUwD77oanGFJ+M6RTiaIAtCeIEDpb3RiRZYkUZjzzlIU88xQZPIt0Rl+8XVyNTscXCwAAAABJRU5ErkJggg==") 50%;background-repeat: no-repeat
}

.about .ico_monitor {
    width: 70px;
    height: 70px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAA4CAMAAAB32H4HAAAAllBMVEUAAAD/3nX/7rf///n/22r/0kT///3/0Dn/99n/6aT/44v//fj/1lf/2F3/1Ev/7rb/+un//vf/00f//O7/2WD/33z/8Lz/88v/9M///fX/33n/7rP/99z/+ub//fL/0T7/2mb/3XT/5ZT/66z/8cH/8sX/+N//1VP/4YT/56D/+eP/6J//9dL/9dP/3HH/7LX/+OD/zzSdLm4OAAAAMXRSTlMAtWAKwu8D+zR5mgvZ0udiHgzrGc+rWUZBD7BmLyIS9ce4jW5UTSvfon4mfzw7uWMqfz/FzQAAAf1JREFUSMft01tvmzAYxvGHBOxCgFAgnALkfFrabc/3/3KjUaUsFoFSo13tfwEXSD/Zrw0AMXcMjZy5QFMUU7M4apgNfXuike3TACquAmgVrFhhTxOamdxjQkOXMTj5HiNGYMQ1pJdqM1s2yTdNJpecRwsamkzJEMjo/vvViGMAtZfV0NkcfNIMFMWi5w86qVLSkvSEopizYffGYSECi5mqDLzFC+5uP4yqDGRsng47slKUgcyryVu2ovQyqmI53vrcOIrSx6jKC5rsxlGVfkZVbs557TmqUlYK063cnCZF+SHDV4XpVlCRu8OJNv7uPrM706kgoQnsuHhcDBnOFKZTQUYrEAYdfDZbbg2fhstTsU1EK/NmuMX6UYHwKC3K8mFWstzzo0Mbk0qSigIEJukf7hsKudrXQLQj3byN8bjIFoyhFhwF7h19elMgaF4RWhhBRohIge6aAb8AE57q9hGHnOMXQ/SUk9nCSeijnbmSIXntY975Wd7OiK2k3Io+Zkny/JPk+7N7k5c5estWxbF5mlalMBqNycy5mWq24RwOR8gZiRlrU/0jFmKUk3LdUZj1+gtMyhiaxUxRSyZ6SkJZAxcyNrpyXaOrmLw0mLhIaiUvAh/V6aSjJbns+p7W+EpTcorO/jPfaJo8O6lkCGnzafYA5lg8u8XFb7T1Bx8bf/SpPRlwAAAAAElFTkSuQmCC") 50%;background-repeat: no-repeat
}

.about .ico_draw {
    width: 70px;
    height: 70px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAn1BMVEUAAAD/7rf/3XX//vj/9tj/1VD/1lT/3nX/5pj/0Dr///n/00j/2F//++v/0T3/0DX//fH/11f/7bL/+N3///z/6KD/88n/4ID/4oX/5JH/8L7/+eT/3nP/33r/9dT/2mj//vX/0kH/11v/3G//44r/6aP/6qj/7rb/8cH/9M7/00b/1E3/5ZP/663/+un/22n/447/8sX/2Wb/6J3/zzRqjZLpAAAANHRSTlMAYLULNeHdtYr6CerQG/b9E9pmLgV/SKegkVcluK46xQ3y1bybe3RhU0Lt5Y9tHsOUTsiC4ClwmAAAA0BJREFUWMPFmOl2qjAURgMygwOCaEWss3Wo1dvv/Z/tJkEabGo02nXv/oHLaXtycpIcJPcSnAzDGBNKbtTJiQ65DUaREmKgjqGl+YBtmqMW3pkmNEtcN9TTpG0c6MMKBdOYpMLU0zSABuGGX9bkw/xZjUtI10e7+4hmRHMa4U/p6vj4A7+jrzmzKzUJpocpkgc0XVprC8xLTeoAcFJdTfBNQ5IIUUKeHRQlfWzCRztE5xS7V+vGCKe2CqBBv2Jg5jgxWrbdrzSzuNgISxtqKk0MhKCElWYHWkDCUsC3rjOuNHPLWuLDsjqVZjneo9WpLC+sThW5qTTuD2sqQlZZSKDS8HddGNzwjtB0e4RDX+OuysJ+L1BqAvOseQGlJaJhl8pCbg1KaNaIDMMSGh5SVlpIcF9u5P2mvPTQ3nuUPrbKxSA0XTieNxS54Zc1KlbkvmiOoPjfojEQeYzPcy3mx2hWZJJGikbSmKTG0AdjcGduXKFxiSDxMTptPB89WXM5U8poChQ8JrQmkuaybpQatjEyYpzTE1hZ/qURVWzWqljWpEC5yubgOZzsWwAcQ103rhSNXUYRbMEG35wBu2gKLOpVbPAVrhyUh7hJgxrAYRYH9oY+W/no1zQeKKFS03EwHRxj+Bm3OE3CePNR2yhWfPdT183hFZTwJCylR9pvFBrOePk5nAhLyfAixaNGoNZUJ4ewiLo5YsM/3AMlUkw4oxtj2j8Ii9CkOalp1NEMwNja3CIIyr3xa1AN9aAG8FfNcQTYTXV/o9Bwyxsr3ldskyuaqxPufrMIj6RRlp9kER5Jc3sxrLlFeJx6iu/PTfJxIoJJ35OjkTYKSaOkOgyV25ZWJ6reRGV068bV0KgOGB2Ne/W4M38nGveh3PzPmQpEbrTrRqeKM0RamistZKeF/di6xbjS8Ib29YeGttvGPXCNqr3eFLF9k1KjaPb/1S2rmHD5ZNC/EWLzsPzpnNIgRRuMJzUkZHm121g8NSiyZDeoFvyDfHenQxDijfQxIPJxp8UnXg8+EiIfd1o0fcwxJxSDLwZ9jeg1MkLkLl2PBJgRxjv8MIz5v0BmqK0hI6z54x419DWdjHDyl8Vi0bv8i+wvGye6lBolZEAAAAAASUVORK5CYII=") 50%;background-repeat: no-repeat
}

.about .ico_apple {
    width: 125px;
    height: 50px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAtCAMAAAAa5oJhAAAA81BMVEX////IyMinp6dpaWnQ0NBnZ2fw8PCZmZn+/v7///+jo6Pi4uLX19f6+vr09PT8/PxgYGBdXV1SUlKTk5P5+fmVlZWAgIB1dXWKiop5eXlUVFRNTU3///9KSkpISEhGRkZRUVFERET29vb6+vpXV1dOTk5eXl5CQkI/Pz/Z2dl3d3fp6end3d2SkpJxcXE9PT3n5+fS0tK9vb2FhYVgYGBUVFT8/Pz4+Pjr6+vMzMy6urq0tLSurq6pqamoqKikpKR7e3ttbW3k5OTf39/AwMC2traWlpaNjY1lZWViYmLR0dHKysq7u7uwsLCcnJyIiIh5eXkWuoG2AAAAG3RSTlP7/v79/v79/fv2/vz8+/v6+/v7+vv7+/v6+voPkQf3AAAB10lEQVQ4y43V13KjMBQGYIrbuiXZbBdHQjQDxt2Oe0uyKdvf/2lWQpDxZIyUc3fgm18IkKS9085Xq1Evf6lkDVfW2Ro+AA4nTt5qBe7HlCIU9iyFG3kYIcAbhVuUCUKImonCVSljQOqW3C1sxOMOXYX7DiyNHiNL4R4RIp1/jClcPxxM90OrwM3vlqOFGNcY37I3/fPXqtR97fSJ+RRMywfjLm1vd4enwPOCcrytnLhR3wOCMSbYDmJD38WBzToAfmG6zp27nmFAogDA9mwAlBdg/9FJnbthSlKAH+bcLREgeU0c5rqBnIG9ddm4tTqRh+Hf6Tzanpx1ek7qdCxPmyXi/X1Uxgn3We4G95ZwV4q8ZebeKx5v9CYHfilzl4rn0zPXV7idK9wnuaNxV7gqUkx4LJwOcoefk9RVbEUg6Q+5+xCDAuJj5LL/akOQCs6MNvtPbaSsTknT3B49e88/+Spmi62PSDkwGdeYm086vmLGTrp+ExvkrmSl7mY7kAT64V9XOKsSh8UQe8nL/hIFtIgBWZ3sV2OEC1z4xz1xN+scAiaUEgw54+tNOAFXHuGKPFfvm5G+PwKX2N9zxl1+vl00rq++mdVmu1XjndMwvl6a182L7Hz7Dy4KuoGRwOq1AAAAAElFTkSuQmCC") 50%;background-repeat: no-repeat
}

.about .ico_ae {
    width: 125px;
    height: 50px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAwCAMAAACL67K2AAAAflBMVEWLi4v///+lpaXl5eWRkZGNjY2SkpKnp6e+vr6amprx8fHu7u7p6en8/Pz5+fnV1dWdnZ319fWPj4/Pz8+goKDr6+upqamVlZXb29vHx8eurq6ioqLd3d3X19fKysrCwsK8vLy4uLjf39/i4uLFxcWrq6vMzMyqqqqzs7OysrIaKnwtAAAB/klEQVRIx+2U2XLjIBBFG2zEDmLRYsmWvCSZ5P9/cBrFcTz2k+cpqfItuIIrnQJaKgF5XP/JrNaPaPXJwCN6Mk/mtzCZ80w556zjVxol53Q9LuMau8Qev5i1M8Y5bdyHV0YFY4x2aMqGhlhlQmmlO0PkF7M3wHqSQTQWbcOqqt1CVYFI0r5C9DU7kBlq28M3ow/De0syXbtTHMWmVipsIyGvbZK7qEkfUwxzXU1XjA0xJWjyJDfD/o/YAGO4TtfBMclJEtIOptrMNMX0zZDyFBzyW+qYRiZjtGWrI/3AdUA3eJdJQW3urtaREyFvUb65aiDI4FE47m070+U8MBKiWE2xvleMtgO3WmNxHB4laK2V08QHnFoXdPBMKV2avjANpQAUVZd2kVycYdJBiccSsLvvoFoUgX1e1sXPIWNnu2Fqssjy43JVrrixy6RZrIxvGMuKBDFdx1ikKqO3LmJ2FNXZTrcM7LTumegOM9f4UupZe1gxj/WBCStTzN0xnZQuAbezfNmDr/OQR8swNDRKrhe7Y7wxIUt2mqUQntRDOnSBJWOcNdvqZbE7ZmxbObqXanh1u8nW08rh3nLbrlo6Qt/SDP1t3XxRSK73JwXg+iZZH0qmdn7XkMX+ZSqx6B0o+gFgLwQXF+3pHm0wv+Af8mR+LqPc40zfNPQRGUL+AtRrJr+iJGHmAAAAAElFTkSuQmCC") 50%;background-repeat: no-repeat
}

.about .ico_microsoft {
    width: 125px;
    height: 50px;
    background: url(../../public/images/about/icon_microsoft.jpg) 50%;
    background-repeat: no-repeat
}

.about .ico_google {
    width: 125px;
    height: 50px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAAAwCAMAAADKH88JAAAAaVBMVEX///+kpKSdnZ3Pz8+jo6P9/f3x8fHT09Opqan4+Pjj4+PGxsavr6+np6fq6uru7u6zs7P19fXg4OC8vLy5ubnY2NjBwcH6+vrz8/Pa2tqfn5/l5eXNzc2srKzn5+fV1dXd3d3IyMi+vr7btRoaAAADMklEQVRYw+1WyZajMAw0SWzAbGaHsKb//yNHko1tejqnHg7zXurQ7U0qSS6LsA8++OCDD/5r8One1U33GsXvXXH+di+eo+CAqn7HEz4ewbs9uQQ+6vIiojAgpM1XoxNb4kuI7ug7uwuq79rBJLwko+pbtdZ0vuSOSqxWwn1lXCOGF/A0Zz1eQhRnQFSw64la4OnYe/B1m8MqPsWWr2txWumrLdxj2Mhz7hPFohCxqRaKrHpPEwY3xLMbmIFo74RRWOJXRrodd/grHNEekW000iyFzbfvs1S3A4FkhOluYVaKNDBIfSKeWNuEATAY67iOHFaoSErZpAH9mxzPtjmmYaF0FDryiWY0yhpycYc57EWWqAkcwAvG9Bihxjkej2AwkP8eYpA4GoxNCkHwNvOJCoxt4zBYYABqw3j4T0QVE0/gEfqusIYbYyN4zxkhx3uCFJGn11X1ib7AoCJTTK0j307dYaLRUUYhnDiaUQGkisXgvLV6hUnPEjg6mZXEI3rcbjUWds5ugAeU8qfWJmExZzWcsGJLoQCsoIQMVpgIFFNmm5kj4mC7s6l+ku7uMVQAU+c/tNkBfTuddGAQ5+TbQCAriqmxK2eibrkhGqndq79T4nBxC2cKkrAhYHr9iaj4i6jwiTSCl/DLlK3MQZdz1vdpry+CQlMS9uhErAqsj2j270Rq9Gv1hQqX37pSVoLE6K1pSBjXjOMbMrYc3xKnnrwfWVsiCux5xFSaDkIv+2VmbOhw2uIGPlSpFyOt1gqcV5x4aKjveNGSGX15v1yU88MoVRBT9tXKVYZ1QLRa7dQ/ci5apFTIrbtcz3XHi02zzFrBi8TrDCbKOuc8r3FgcmqCM2ZuFWCRDUYBDgUZK2f3cERMPj3jyjbpyKNJpZVfZ4+mwmrN8RBKG2bjMiKVHbb+5yFuzfGs3n2lTA0Ftmx2sZchsoSyt+GMqY5vp+c3KqV0BAlRPZKSncDjcihjx2I/c9U0nJdKIcrzOSEl5LcBUX/22fec/TPkzPW6iF0FPqpgd7+nOnYRyHtW0aimj8tlaANAfW8T/LIpdiHmwCIS7Eq0xyNUgl2LPuzUohLJ3uMPGUwn360rE08AAAAASUVORK5CYII=") 50%;background-repeat: no-repeat
}

.about .ico_deloitte {
    width: 125px;
    height: 50px;
    background: url(../../public/images/about/icon_deloitte.jpg) 50%;
    background-repeat: no-repeat
}

.about .ico_amazon {
    width: 125px;
    height: 50px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAHoAAAAwCAMAAADpRJ7cAAAArlBMVEX///9TU1O9vb3W1tbBwcHw8PDf39+xsbF9fX339/ednZ1gYGD9/f3z8/NWVlZwcHDT09P5+fnKysr7+/vp6elsbGxYWFjNzc2CgoJnZ2f19fVdXV3r6+u6urrt7e3Z2dnR0dG+vr62traSkpKKioqGhoZ4eHjj4+Pc3NyoqKisrKygoKBjY2NaWlrm5ubFxcVzc3OcnJyWlpakpKSNjY1/f3/Hx8eZmZnh4eHDw8OwgruRAAAD0ElEQVRYw+zBMQEAAADCIPunNsYeYAAAQOG1lOl2okAQRqtkUWSRVVwQEYmKe8z+/i82XxfEc5JxJn/iPcmhobr7VlV3Evndp61uEDB8P3f8spNhqJdFJPEgRfxjInGzRUUcbVa+yjLL94+0ns3m1OLqdamRYOjbbRiob34UnOqZSzTR1QOsE1YcSoy7zP0lXoZaccDjRfnmtsTtE8aP3AKJO2IwTfFZw1SdwYWEZkkVXYcD1KJzscJwn8djPBK4gz0G6tczRT1gmYsw2BLlhzY+RIF9btlQpCZ6+AlFfbbb72Cy57d4vuIadR1462o9Xin16jxf9/jS65nmmZdEC2RuqsXchVpZH/cMnitmfiCqmccxqZp0ojgMw1LNibAOvbGWGDuyetpfyR5gxiPV6ek0oiX3VS4J+9hi6uKr540nSIltIv+x6iCKrj+J+mBQyKxWvDD3iMK3B/TUQX0zUjg9VIriUPQbcsHUUNQ6WVO1B1gxVhC0pjXknEDNz1BfJNikt+eAFIam72ETNVqTyX7UV2oh9/WhVAS6zTk43OSCPteittSuvCPg4QXkqZVx0hw+J1CXBEZNXgM1x9meWXiUfUfIBC/+VW3sEhZEbQ7x1SGy8OHUdGup1FOMe5I+BWhmy3ubfMyeo6Mx4IH9T7WLvg5HO/ubWvtUq/t4qHZeow4GsMQYuK0a7yOoYbuqLR5TywZBRc4cXdXap7ov14ySf6kruWbUNnyH0IJAIANZd/mmjvhALUdeNU/E/1ajqGd03cYWN9WeHKDbnLCPR5JuApJcaqyTlL6q6cBHAvrL2mDccvDKqxtqT/6EUmY+31JHLDd5xjItYWF6MaiSBQXezO/qZy6b3Q0U5jeXvXtDfcZRl6XN4HSrakTsRRfFsbd2WJBeb9TFXCTSsy9qB/nYBrJVzd7yYKIKm7o31CULFTIIb6l31/hUqfe9ZXX2eEb0xEISf1Uvhz6NeLyr5N/jJMHwbYj5N9RUH5jHOtU2PpVSxGQoy2rpcdD3mAcpXcbvyKNwCBjdDaEsG52oXLnInJDcyCdaegVZSw97iiIbsdpezjuU3mNr8OIFBIKA/ocTRHTFcvPcdUiIzLlBf2FJctqRWjLt3aGfOE7oB7K0o/Dpt8k+tB/kx9hwc61T0K9jpQvNpf8S5JR3NvT7OJtF59Wc/DMcF4uTs+4YdA+yEGcZmllA33HXvt5ZbCIqQroTMeTgVJjqZK3Ico3sfZ7qHVCgIYGe0d2A/Bb63CWwNumeuGa4+Or98GOHhIDuTZSZWvp60j/C1J/HE/p9/gAUBEjiQENdBQAAAABJRU5ErkJggg==") 50%;background-repeat: no-repeat
}

.about .ico_media_1 {
    width: 125px;
    height: 50px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA9CAMAAADGfvrlAAAA1VBMVEX////////////////8/Pz4+Pijo6Pu7u7X19fNzc3IyMiQkJCMjIze3t6urq6rq6ulpaWampry8vKgoKBvb2/29vbQ0NCnp6ednZ19fX1zc3O7u7u2trbq6urm5ubk5OTi4uLw8PDExMTb29u4uLipqallZWXg4OCxsbGJiYl6enp3d3d1dXXs7OyTk5OSkpJ+fn719fXKysq+vr6AgIBsbGyDg4NpaWlgYGCWlpZcXFzBwcGGhoazs7NnZ2dKSkrU1NRSUlJXV1f09PQ/Pz9EREQyMjKHoeqxAAAAA3RSTlPw9OJxZhDjAAAEtElEQVRIx6WXh5qaUBCFk9xL771LFRDsvbtuyvs/UkbWZNeYrLo5Yrkwv2eYGfj005dPHxWgn9Gdwld7Pn/6dDeJR0FEoDcC8zvZ+GniS6L6MIwxis2dJElt/yPOwq4tgiwPPwhDPNOWRBGcyQ161BkzMmR8ksY8CGNkAiuXomVZWvoQDLWKrLZFsoxlyaTce9DZKGWLpAVLlmVyR7wPFwxdjBrHsxjNkotQJoHWWPRetTHa8By/2ox+R1EWSRYxZEySpCa8B4Mfw634rdOHMFjANra1lBC1hhWNG87pYMB35vWUBhLYr6LC4IlNnmTTEPEuPLJ5fjuf1lWrcaFXPpg3rJJBKjeqzc478/nQ0ftNZTPya6Q1trb3FdgbsKFN59NhVc8SiFVJGksAa7ZIn3xvwBhR/a7jVLXeAet0d6qYrfk0LDC+6Qx2oqODFjDI45BS7NIMGuq2cxMSTtrKPOcxQWPTC4lX7iZ8DlRpkUIGVpt0b8DXujzJB2EBRjlMhIBSH4PBkSj1tYRirjNYKdITPmVxL4woPtcXPkLJluNg5Cy4kO+EoVv83nUXLEIjjR9wHNfRvt4JQ4LtvOu6egRAyvP9waDf8e5uleC6dXfGN9Ntdk4014/vhWW9qusZC59go1cdHhI376x2vK2rSrfxC4yoic3xc+9OuHCcodvpvbCnFhGhkAZ3wvRw2u037LVuwxXvGwh/DA4nPQTsP2l8AT8k/K6zmgqpEAqCkKqwInrUL52xOHoLM5xykgxPDkaSXef75SHf52sTji327mK/WCz2ud5CSIJ517Zv4fEJtvlvnLLiGPCKVcNbql9VFYZ8KRY83WoUEqh18Cmq4uIgCIyLtOllM44G58x5bnaEuXA4TC+x/V30Nr7vl08IeYfZTD+s9dlib17Auxo1sC9m1bfD8w/XkzKUdY3OcOp+hxuqm8HptsIWvWRbURhdOnOrcyF7/Zx1mcmxD5/7PAJNqjd1Tmd/aZX7Mr2sk0/possE49nzE3IlZucnyy2b+VmMCKpHxe1apajAuIB7udC8W3xe17rrurmyGuMlq3Q7x+Pzt2k1bCFzoevu87Orz2b0BWwuVdSo7RoEPLB8RChYh1ClI50e5GYCiihqLaxWFEXEBbzLz6fiHKcOaLqeQhP3RFotGWj3N/EcN1qb1xPWcc4H84Eogcq1jRDJebkyQqDkkKBGwpq6hINVn3sen6+Kb+VpNCNzDdHKrPRMhgWZ/SfE+J43GRwyz/M2o1dY0zQavYhYLfWTcvL0TU5ddRu5wwAp9dCBB6jqUL9gfHm5jNSTRi97DOKXMLoUbuCP6hWmYiPERYFbRkswKEoNkWEyRNwjhAIFMUx+EhOsiYgItXpXMNRETrW2wAkSSZNJkiBG88VQFtm2Z1FoU7KCuJHH5iDg2SvYLGWyzYil7U+SUvHFGGUMoRADEtHbFCpKIEZCjLWzs8F1n9MpY9uYs8bz3mZb8D5BSONJxlo2JUhIjZQWlci9shRFJUuu4CDDCY0mUZQheoKyQBASaxN4mC2iJ8yqjJaMfNks6CeTTv+E8esrftkwwm9/IRiwIn6t34VfhR++b+O7+/wZfVif/+u/5E8po5fhmHsgwgAAAABJRU5ErkJggg==") 50%;background-repeat: no-repeat
}

.about .ico_media_2 {
    width: 125px;
    height: 50px;
    background: url(../../public/images/about/icon_media_2.png) 50%;
    background-repeat: no-repeat
}

.about .ico_media_3 {
    width: 125px;
    height: 50px;
    background: url(../../public/images/about/icon_media_3.jpg) 50%;
    background-repeat: no-repeat
}

.about .ico_media_4 {
    width: 125px;
    height: 50px;
    background: url(../../public/images/about/icon_media_4.jpg) 50%;
    background-repeat: no-repeat
}

.about .ico_media_5 {
    width: 125px;
    height: 50px;
    background: url(../../public/images/about/icon_media_5.jpg) 50%;
    background-repeat: no-repeat
}

.about .ico_media_6 {
    width: 125px;
    height: 50px;
    background: url(../../public/images/about/icon_media_6.jpg) 50%;
    background-repeat: no-repeat
}

.ac-aboutUs {
    width: 100%;
    margin: 0 auto
}

.ac-aboutUs .ac-aboutBanner {
    width: 100%;
    height: 311px;
    background: url(../../public/images/about/ac_aboutBanner.jpg) no-repeat 50%;
    background-size: 100%
}

.ac-aboutUs .ac-aboutTitle {
    width: 100%;
    height: 158px;
    text-align: center
}

.ac-aboutUs .ac-aboutTitle h2 {
    margin: 0;
    line-height: normal;
    font-size: 26px;
    color: #333;
    padding-top: 72px
}

.ac-aboutUs .ac-aboutTitle p {
    font-size: 14px;
    color: #999;
    margin-top: 12px
}

.ac-aboutUs .ac-aboutTitle span {
    display: block;
    width: 40px;
    height: 4px;
    background: #ffb243;
    border-radius: 2px;
    margin: 17px auto 0
}

.ac-aboutUs .ac-componyTeam {
    width: 1200px;
    height: 574px;
    margin: 0 auto
}

.ac-aboutUs .ac-componyTeam .ac-comPonyTeamCon {
    width: 1101px;
    height: 384px;
    margin: 32px auto 0
}

.ac-aboutUs .ac-componyTeam .ac-comPonyTeamCon .ac-comPonyTeamCon-L {
    float: left;
    width: 441px;
    height: 299px
}

.ac-aboutUs .ac-componyTeam .ac-comPonyTeamCon .ac-comPonyTeamCon-L img {
    max-width: 100%;
    max-height: 100%
}

.ac-aboutUs .ac-componyTeam .ac-comPonyTeamCon .ac-comPonyTeamCon-R {
    float: right;
    width: 640px;
    height: 321px;
    font-size: 14px;
    color: #666;
    line-height: 28px
}

.ac-aboutUs .ac-netTeam {
    width: 1200px;
    height: 937px;
    margin: 0 auto
}

.ac-aboutUs .ac-netTeam .ac-netTeamCon {
    width: 1059px;
    height: 415px;
    margin: 32px auto 0
}

.ac-aboutUs .ac-netTeam .ac-netTeamCon .ac-netTeam-T {
    width: 1059px;
    height: 201px
}

.ac-aboutUs .ac-netTeam .ac-netTeamCon .ac-netTeam-T img {
    max-width: 100%;
    max-height: 100%
}

.ac-aboutUs .ac-netTeam .ac-netTeamCon .ac-netTeam-M {
    width: 1059px;
    height: 322px;
    margin: 10px auto 0
}

.ac-aboutUs .ac-netTeam .ac-netTeamCon .ac-netTeam-M .ac-netTeam-M-L {
    float: left;
    width: 524.5px
}

.ac-aboutUs .ac-netTeam .ac-netTeamCon .ac-netTeam-M .ac-netTeam-M-L img {
    max-width: 100%;
    max-height: 100%
}

.ac-aboutUs .ac-netTeam .ac-netTeamCon .ac-netTeam-M .ac-netTeam-M-R {
    float: right;
    width: 524.5px
}

.ac-aboutUs .ac-netTeam .ac-netTeamCon .ac-netTeam-M .ac-netTeam-M-R img {
    max-width: 100%;
    max-height: 100%
}

.ac-aboutUs .ac-netTeam .ac-netTeamCon .ac-netTeam-B {
    width: 863px;
    height: 287px;
    margin: 35px auto 0;
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 28px
}

.ac-aboutUs .ac-productTeam {
    width: 1200px;
    height: 531px;
    margin: 0 auto
}

.ac-aboutUs .ac-productTeam .ac-productTeamCon {
    width: 1172px;
    height: 341px;
    margin: 32px auto 0
}

.ac-aboutUs .ac-productTeam .ac-productTeamCon .ac-productTeamCon-L {
    float: left;
    width: 447px;
    height: 341px;
    font-size: 14px;
    color: #666;
    line-height: 28px
}

.ac-aboutUs .ac-productTeam .ac-productTeamCon .ac-productTeamCon-R {
    float: right;
    width: 692px;
    height: 341px
}

.ac-aboutUs .ac-productTeam .ac-productTeamCon .ac-productTeamCon-R ul {
    width: 100%;
    height: 100%
}

.ac-aboutUs .ac-productTeam .ac-productTeamCon .ac-productTeamCon-R ul li {
    float: left;
    width: 220px;
    height: 118px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 16px 16px 0;
    position: relative
}

.ac-aboutUs .ac-productTeam .ac-productTeamCon .ac-productTeamCon-R ul li img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.ac-aboutUs .ac-productTeam .ac-productTeamCon .ac-productTeamCon-R ul li:nth-child(3n) {
    margin-right: 0
}

.ac-aboutUs .ac-cultureTeam {
    width: 1200px;
    height: 393px;
    margin: 0 auto
}

.ac-aboutUs .ac-cultureTeam .ac-cultureTeamCon {
    width: 1031px;
    height: 195px;
    margin: 40px auto 0
}

.ac-aboutUs .ac-cultureTeam .ac-cultureTeamCon ul {
    width: 100%;
    height: 100%
}

.ac-aboutUs .ac-cultureTeam .ac-cultureTeamCon ul li {
    height: 110px;
    float: left
}

.ac-aboutUs .ac-cultureTeam .ac-cultureTeamCon ul li.ac-ImgTit {
    width: 64px
}

.ac-aboutUs .ac-cultureTeam .ac-cultureTeamCon ul li.ac-ImgTit span {
    display: block
}

.ac-aboutUs .ac-cultureTeam .ac-cultureTeamCon ul li.ac-ImgTit span:first-child {
    height: 64px;
    position: relative
}

.ac-aboutUs .ac-cultureTeam .ac-cultureTeamCon ul li.ac-ImgTit span:first-child img {
    max-height: 64px;
    max-width: 64px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.ac-aboutUs .ac-cultureTeam .ac-cultureTeamCon ul li.ac-ImgTit span {
    margin-top: 25px;
    text-align: center;
    font-size: 14px;
    color: #666
}

.ac-aboutUs .ac-cultureTeam .ac-cultureTeamCon ul li.ac-fengeLine {
    width: 125px;
    margin: 0 27px 0 23px;
    font-size: 20px;
    color: #333;
    line-height: 110px;
    text-align: center
}

.ac-aboutUs .ac-valueTeam {
    width: 1200px;
    height: 568px;
    margin: 0 auto
}

.ac-aboutUs .ac-valueTeam .ac-valueTeamCon {
    width: 1188px;
    height: 368px;
    margin: 42px auto 0
}

.ac-aboutUs .ac-valueTeam .ac-valueTeamCon dl {
    float: left;
    height: 100%;
    width: 378px;
    margin-right: 27px
}

.ac-aboutUs .ac-valueTeam .ac-valueTeamCon dl dt {
    height: 242px;
    position: relative
}

.ac-aboutUs .ac-valueTeam .ac-valueTeamCon dl dt img {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.ac-aboutUs .ac-valueTeam .ac-valueTeamCon dl dd {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin-top: 15px
}

.ac-aboutUs .ac-valueTeam .ac-valueTeamCon dl:last-child {
    margin-right: 0
}

.ac-aboutUs .ac-timeLineTeam {
    width: 1200px;
    height: 662px;
    margin: 0 auto
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon {
    width: 856px;
    height: 474px;
    margin: 30px auto 0;
    padding-top: 16px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-L {
    float: left;
    width: 405px;
    height: 100%;
    position: relative
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-L p {
    height: 39px;
    background: #fff;
    -webkit-box-shadow: 0 0 3px 0 hsla(0,0%,60%,.5);
    box-shadow: 0 0 3px 0 hsla(0,0%,60%,.5);
    border-radius: 2px;
    position: absolute;
    right: 10px;
    color: #666;
    line-height: 39px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-L p span:first-child {
    font-size: 16px;
    margin-left: 12px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-L p span:nth-child(2) {
    font-size: 14px;
    margin-left: 6px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-L p span:nth-child(2) b {
    color: #ff5409;
    font-weight: 500
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-L p i {
    display: block;
    width: 18px;
    height: 21px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAVCAMAAAB8FU7dAAAAhFBMVEUAAAChoaGampqZmZmbm5uamJibm5uZmZmZmZmcmZmblpaamZmcmZmbmZmenp7r6+vGxsacl5f6+vr4+Pj19fXz8/Ovra2bmZn////+/v79/f39/f38/Pz7+/vu7u75+fnk5OTk5OTa2trc3NzV0tLY2Ni+vr66urqnoqK5tLSxsbH///8XiDpCAAAAK3RSTlMAAwYMCRwTJjAVDzIqIxmfXTfg1cKsTD76+fXz6+m2tY6NhHxsYVJRNywnjRUrIAAAAJdJREFUGNNd0FcShSAMBVB8ioCggPX13rP//SkaZoT7eSYhJORuFc3TTZIkxOfUSxYZND0vqzzNJvQE9TsyADgazigaEhyezgpv4LJ7yFUdLLnNFhDoaQa2gk/nvhwStH8RE1xEkYXU/aKq+sWq4K2t/jIq3ESC1BiOgrS/WlUugtR+pMJT4I56mJtWxzkPfmMvxFiFQjAjKZEXNmnbV7gAAAAASUVORK5CYII=") no-repeat 50%;position: absolute;
    right: -18px;
    top: 9px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-L p:first-child {
    width: 267px;
    top: 80px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-L p:nth-child(2) {
    width: 315px;
    top: 142px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-L p:nth-child(3) {
    width: 405px;
    top: 240px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-M {
    float: left;
    width: 1px;
    height: 315px;
    border-right: 1px dashed #e3e3e3;
    margin-left: 18px;
    position: relative
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-M span {
    display: block;
    width: 9px;
    height: 9px;
    background: #ffb243;
    -webkit-box-shadow: inset 0 0 2px 0 hsla(0,0%,100%,.5);
    box-shadow: inset 0 0 2px 0 hsla(0,0%,100%,.5);
    border-radius: 100%;
    position: absolute;
    left: -4px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-M span:first-child {
    top: 0
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-M span:nth-child(2) {
    top: 93px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-M span:nth-child(3) {
    top: 126px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-M span:nth-child(4) {
    top: 157px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-M span:nth-child(5) {
    top: 195px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-M span:nth-child(6) {
    top: 255px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-M span:nth-child(7) {
    top: 285px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-M span:nth-child(8) {
    width: 4px;
    height: 4px;
    top: 324px;
    left: -2px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-M span:nth-child(9) {
    width: 4px;
    height: 4px;
    top: 334px;
    left: -2px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-M span:nth-child(10) {
    width: 4px;
    height: 4px;
    top: 344px;
    left: -2px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-M span:nth-child(11) {
    width: 18px;
    height: 18px;
    top: 356px;
    left: -8px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAPFBMVEUAAAD21mb21mr112722W/22nb62Xf42nTzzEfzzk300FT002ABAQCTeyqDbiWrkDKYgCyKdCgpIwwAAACIBYHRAAAACHRSTlMA8t7KqFIvS9tinzUAAAB6SURBVBjTbZDbEoAgCEQBtRTNbv//r7Uy2YPum2eOOwC1BC/M4gN9WVzW9EazW4ysrCm2JOW1OayxRxmeA/mZIwoZv3pSDuRN+jVPAuk68TovaEIMtJUaY703IAYyVgsIkFj7Ucph/dLr973Xj0OMo84XGtcejzM54QOlmQh0313AMAAAAABJRU5ErkJggg==") no-repeat 50%
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-R {
    float: right;
    width: 416px;
    height: 100%;
    position: relative
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-R p {
    height: 39px;
    background: #fff;
    -webkit-box-shadow: 0 0 3px 0 hsla(0,0%,60%,.5);
    box-shadow: 0 0 3px 0 hsla(0,0%,60%,.5);
    border-radius: 2px;
    position: absolute;
    left: 10px;
    color: #666;
    line-height: 39px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-R p span:first-child {
    font-size: 16px;
    margin-left: 12px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-R p span:nth-child(2) {
    font-size: 14px;
    margin-left: 6px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-R p span:nth-child(2) b {
    color: #ff5409;
    font-weight: 500
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-R p i {
    display: block;
    width: 18px;
    height: 21px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAVCAMAAAB8FU7dAAAAhFBMVEUAAAChoaGampqZmZmbm5uamJibm5uZmZmZmZmcmZmblpaamZmcmZmbmZmenp7r6+vGxsacl5f6+vr4+Pj19fXz8/Ovra2bmZn////+/v79/f39/f38/Pz7+/vu7u75+fnk5OTk5OTa2trc3NzV0tLY2Ni+vr66urqnoqK5tLSxsbH///8XiDpCAAAAK3RSTlMAAwYMCRwTJjAVDzIqIxmfXTfg1cKsTD76+fXz6+m2tY6NhHxsYVJRNywnjRUrIAAAAJZJREFUGNNdz9kSgyAMQNHa1oIFBNRq933n//+vmZg0jjyeuQEy4ZNl0/lskdsYGEiU6Y6DZFnkSnc+DZLSWfNqUmKBxNl43iYkEqVDDYBE8vZrlIQR3KMeVQ9MxWfF0BPMnUS4+jZjgkVkkv5QOu2FKFPmIvTf+LYholEwfd8RSafDHkkM3nhWTGJtDUTG77YHJjYbrz8HRBc2aJ5qBAAAAABJRU5ErkJggg==") no-repeat 50%;position: absolute;
    left: -18px;
    top: 9px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-R p:first-child {
    width: 185px;
    top: -16px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-R p:nth-child(2) {
    width: 416px;
    top: 110px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-R p:nth-child(3) {
    width: 416px;
    top: 180px
}

.ac-aboutUs .ac-timeLineTeam .ac-timeLineTeamCon .ac-timeLineTeamCon-R p:nth-child(4) {
    width: 416px;
    top: 270px
}

.wrapper {
    min-height: 100%
}

.faq,.faq .wrapper,.faq .wrapper .main2-container {
    overflow: hidden
}

.faq .wrapper {
    background: #f9f9f9
}

.faq .wrapper .faq-title {
    font-size: 24px;
    color: #333;
    margin: 63px 0 33px;
    text-align: center
}

.faq .wrapper .main2-container {
    width: 1202px;
    padding: 0;
    margin: 0 auto;
    padding-bottom: 92px!important
}

.faq-nav {
    float: left;
    background: #fff;
    padding: 20px 0
}

.faq-nav li {
    width: 214px;
    height: 50px;
    line-height: 50px;
    padding-left: 34px;
    font-size: 14px;
    color: #333;
    cursor: pointer
}

.faq-nav li:hover {
    background: #f3cc47
}

.faq-nav li.active-nav {
    font-weight: 700;
    position: relative
}

.faq-nav li.active-nav:after {
    content: "";
    display: block;
    width: 3px;
    height: 26px;
    background: #f3cc47;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0
}

#faq-container {
    background: #fff;
    display: block;
    width: 968px;
    margin-left: 20px;
    padding-bottom: 40px;
    float: left;
    padding: 32px;
    min-height: 790px
}

.faq-category-container {
    display: none
}

.faq-category-title {
    font-size: 14px;
    color: #333;
    margin-bottom: 32px;
    margin-left: 4px;
    position: relative;
    font-weight: 700!important
}

.faq-category-title:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #efefef;
    position: absolute;
    bottom: -14px;
    left: -4px
}

.faq-questions>a,.faq-questions>span {
    border-bottom: 1px dotted #333;
    font-size: 14px;
    color: #676767;
    line-height: 35px;
    cursor: pointer
}

.faq-questions>a:hover,.faq-questions>span:hover {
    color: #333;
    text-decoration: none
}

.faq-qa>.faq-answers {
    display: none;
    background: #f0f0f0;
    margin: 10px 0 20px;
    padding: 25px 23px 33px;
    font-size: 14px;
    color: #333;
    line-height: 21px
}

.faq-qa>.faq-answers table {
    border: 1px solid #e6e6e6
}

.faq-qa>.faq-answers table td {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e6e6e6
}

.faq-qa>.faq-answers table thead td {
    font-size: 12px;
    color: #fff;
    width: 119px;
    height: 40px;
    background: #424242;
    position: relative
}

.faq-qa>.faq-answers table thead td .new-icon {
    position: absolute;
    font-family: MicrosoftYaHei-Bold;
    font-size: 12px;
    color: #f3cc47;
    letter-spacing: 0;
    text-align: center;
    margin-left: 3px
}

.faq-qa>.faq-answers table tbody tr td:nth-of-type(2) {
    width: 149px
}

.faq-qa>.faq-answers table tbody tr td:nth-of-type(3) {
    width: 210px
}

.faq-qa>.faq-answers table tbody tr td:nth-of-type(4) {
    width: 139px
}

.faq-qa>.faq-answers table tbody td {
    font-size: 12px;
    color: #666;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    width: 119px;
    height: 48.5px
}

.faq-qa>.faq-answers table tbody td.larger-size {
    font-size: 14px;
    color: #666
}

.faq-qa.active>.faq-answers {
    display: block
}

.faq-answers>ul {
    padding: 0 0 0 30px;
    margin: 0;
    list-style: square
}

.faq-answers>ul>li {
    margin-bottom: 20px
}

.faq-answers>ul>li:last-child {
    margin-bottom: 0
}

p {
    margin: 0
}

.m-t-20 {
    margin-top: 20px
}

.image_licensing .list-number {
    margin-bottom: 25px
}

.image_licensing .list-lowercase {
    list-style: outside lower-alpha none!important
}

.image_licensing .terms ul {
    list-style: outside none circle;
    padding-left: 40px
}

.image_licensing .list-lowman {
    list-style: outside lower-roman none!important
}

.menu-title.categ-menu-legal,.menu-title.categ-menu-legal .active {
    width: 300px!important;
    text-align: left
}

.sub-menu-wrapper.legal-wraper-second.show,.sub-menu-wrapper.legal-wraper.show {
    position: relative!important;
    padding-bottom: 100px;
    text-align: left;
    font-size: 14px;
    color: #767676;
    cursor: context-menu
}

.sub-menu-wrapper.legal-wraper-second.show {
    margin-left: -300px
}

.list-lowercase {
    margin-top: 10px
}

.list-lowercase .kern {
    width: 40px;
    display: block;
    float: left
}

.left-legal,.list-legal {
    color: #767676
}

.list-legal {
    list-style-type: disc;
    margin-left: 40px
}

.title-center-large {
    text-align: center;
    font-weight: 700;
    color: #000
}

.title-legal {
    color: #000
}

.space-legal {
    border-bottom: 1px solid #eee!important;
    display: block
}

img.banner-legal {
    width: 100%;
    vertical-align: center;
    cursor: context-menu
}

.image_licensing .terms {
    margin-top: 20px
}

.image_licensing .terms td {
    border: 1px solid #e5e5e5!important;
    padding: 20px!important
}

.image_licensing .terms td.center-title {
    text-align: center!important;
    width: 200px;
    vertical-align: middle
}

.image_licensing .terms th {
    border: 1px solid #eee!important;
    padding: 20px!important;
    color: #fff;
    text-align: center
}

.image_licensing .terms th.title-white {
    color: #fff;
    padding: 20px
}

.image_licensing .terms .left-title {
    text-align: left;
    vertical-align: top;
    width: 200px
}

.terms-second td,.terms-second th {
    border: 1px solid #eee
}

.terms-second .title-first {
    background: #fff!important
}

.terms-second .black-color-legal {
    color: #000
}

.terms-second .orange-legal,.terms-second .pink-legal-bg {
    color: #fff;
    padding: 15px
}

.terms-second .legal-left-text {
    text-align: left
}

.legal-center-text {
    text-align: center;
    color: #000
}

.cel-table-info {
    padding: 18px;
    background: #fff
}

.cel-table-info .cel-info-title {
    font-size: 15px;
    margin-bottom: 18px;
    padding-left: 20px;
    position: relative
}

.table {
    border-collapse: collapse;
    width: 100%;
    font-size: 13px;
    text-align: center
}

.cel-table-info .table-cel thead tr {
    background: #f57b7b
}

.cel-table-info .table-cel thead tr th {
    font-weight: 700;
    color: #c9c9c9;
    border: none;
    font-size: 15px;
    height: 40px
}

.cel-table-info .table-cel thead tr th:first-child {
    width: 425px
}

.cel-table-info .table-cel thead tr th:nth-child(2) {
    border-right: 1px solid #f8f8f8;
    border-left: 1px solid #f8f8f8;
    width: 121px
}

.cel-table-info .table-cel thead tr th:last-child {
    width: 121px
}

.cel-table-info .table-cel tbody tr td {
    border: none;
    font-size: 12px;
    height: 45px
}

.table tbody tr td {
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 20px;
    padding: 10px 0;
    color: #474747
}

table th {
    background: #d3d3d3;
    padding: 10px 0
}

.cel-table-info .table-cel tbody tr td:nth-child(2) {
    border-right: 1px solid #f8f8f8;
    border-left: 1px solid #f8f8f8;
    text-align: center
}

.cel-table-info .table-cel tbody tr .check-icon {
    font-size: 20px;
    text-align: center;
    color: #50c709
}

.cel-table-info .table-cel tbody tr:nth-child(2n) {
    background: #f8f8f8
}

.partnersite .main2-container {
    padding-top: 0;
    padding-bottom: 0
}

.partnersite .main2-container .banner_container {
    width: 100%;
    min-width: 1004px
}

.partnersite .main2-container .banner_container .corp_content {
    margin: 0;
    position: relative
}

.partnersite .main2-container .banner_container .corp_content .corp-bg {
    position: relative;
    height: 400px;
    background: url(../../public/images/partnersite/banner.jpg) 50%;
    z-index: 0
}

.partnersite .main2-container .banner_container .corp_content .corp-bg .corp-holder-intro {
    position: absolute;
    width: 1000px;
    height: auto;
    top: 0;
    left: 50%;
    margin-left: -500px;
    text-align: center
}

.partnersite .main2-container .banner_container .corp_content .corp-bg .corp-holder-intro .corp-holder-margin {
    width: 470px;
    margin: 75px auto
}

.partnersite .main2-container .banner_container .corp_content .corp-bg .corp-holder-intro .corp-holder-margin .corp-main-title {
    width: 100%
}

.partnersite .main2-container .banner_container .corp_content .corp-bg .corp-holder-intro .corp-holder-margin .corp-main-title .corporate_logo {
    height: 120px;
    width: 470px
}

.partnersite .main2-container .banner_container .corp_content .corp-bg .corp-holder-intro .corp-holder-margin .corp-subtitle {
    margin: 15px 0;
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.partnersite .main2-container .banner_container .corp_content .corp-bg .corp-holder-intro .corp-holder-margin .corp-all-button {
    width: 100%;
    margin: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.partnersite .main2-container .banner_container .corp_content .corp-bg .corp-holder-intro .corp-holder-margin .corp-all-button .corp-black,.partnersite .main2-container .banner_container .corp_content .corp-bg .corp-holder-intro .corp-holder-margin .corp-all-button .corp-green {
    width: 215px;
    padding-left: 0;
    padding-right: 0
}

.partnersite .main2-container .banner_container .corp_content .corp-bg .corp-holder-intro .corp-holder-margin .corp-all-button .corp-green {
    background: #6dbd45
}

.partnersite .main2-container .banner_container .corp_content .corp-bg .corp-holder-intro .corp-holder-margin .corp-all-button .corp-green:hover {
    background: #559f30
}

.partnersite .main2-container .banner_container .corp_content .corp-bg .corp-holder-intro .corp-holder-margin .corp-all-button .corp-black {
    background-image: none;
    background: #2d2d2d
}

.partnersite .main2-container .banner_container .corp_content .corp-bg .corp-holder-intro .corp-holder-margin .corp-all-button .corp-black:hover {
    background: #646464
}

.partnersite .main2-container .banner_container .corp_content .corp-bg .corp-holder-intro .corp-holder-margin .corp-all-button .clear {
    clear: both
}

.partnersite .main2-container .partnersite-content-title {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 1080px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 20px
}

.partnersite .main2-container .partnersite-content-title p {
    margin-bottom: 0;
    text-align: center;
    font-size: 20px;
    font-weight: 700
}

.partnersite .main2-container .corp-holder-icons {
    width: 1080px;
    margin: 30px auto;
    margin-top: 0
}

.partnersite .main2-container .corp-holder-icons .corp-icon-float {
    background: #f8f8f8;
    width: 240px;
    height: 350px;
    margin: 0 15px 40px;
    padding: 35px 25px;
    text-align: center
}

.partnersite .main2-container .corp-holder-icons .corp-icon-float .corp-icon {
    width: auto
}

.partnersite .main2-container .corp-holder-icons .corp-icon-float .corp-icon-img {
    height: 100px
}

.partnersite .main2-container .corp-holder-icons .corp-icon-float .corp-icon-img1 {
    background: url(../../public/images/partnersite/1.png) no-repeat 50%
}

.partnersite .main2-container .corp-holder-icons .corp-icon-float .corp-icon-img2 {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAnFBMVEX6+vr/wgD6/f/6+/7+xgD90UD78Mr86Kr/xAD92WX78tv9ziz6///93Hb92mr78tX79N391VT90Dj69uf78c7922390kT87Lf85Z785Jn900r9zzP+yQL6+fP87cD84pL69+7778f86rH94o3912H+zCP+yg76+vf79eH867T86az856X845X69+r93nz91lj+yx394IT923D90Ty7egpwAAADvklEQVRYw+2Y55LaMBSFfc6VWWXjgjGmwxL6Ura+/7vFyBua5CRjSGZSzg9s9HG/sa0xuiPvZ8J2S6lWm+LdJgxhEvI2PmlDd0Q6Gu3bXCJ9dJkfuvB5G6HCUvILHULdTDi8rbCHV4rwFb3bCOUL8Jqmr8AXuVZFY+ADTB54GKyY+nwiRlFLBoOkVvgm83pVo9xhxuKMeQoNZ7i7QviJ1hR9+suFET9Oi+yF0RXCNZ5X9+NcdH/M6hlrVhWGWgMYMsNJtA4rCx8w6H/uiaznnw/pD7Bl9WeYBaR4wmOCDHe8ZlLkIldNygiL+P4i8QKjyi8zX+DIi3hVI8Pss5VsKFf9gVkR79+I3PpW2WjwtkLgv/C/8PcIWZ4ACFieEt9GoTTqe2zDsq6tmrCkz5MIT0GVWw6ekNEo7B6DVSaFpmNxC6WKUP4Lf5FQxMyyGKUDAuUsF1pQHkNGmKSzlbjaursACDZPdAhXs3SCiOGjXCxC6L2hozB1CHfAROsJMLaZTKE6eOuhIefjdaVflIIv7j5RK6XxQBf0odSLVnXxLo15Tcu9+vIhLzI+O0Jf56X1HFpG+GJ8TqPxlRhhrs82TkXKdwnKG2uRaZ1uINVaEZE/tCMTklLKfgTtUem2+s9tdxVXYb8frujWtZ/7ra716qUL7JO4jFzDZO0yMjFskcplvz+fxFsFx/sqMTCr1WZALLbvCWobT+aY82LzaEAKm4DzGkKKMERCmwJNCjk433aSEFMW/xEjsYQK43xQdlB0rL0NUzg93xmTDB0z3nMJNby90IO2hSP0TGEH2ZmwixYlr1FIbWEfdzSrZd++5RQqLxO20D2DSyAU7hqu/TJuoEZBMFLYiGunrbGjhMDyA4o58hHQA0DtxAyew6RoRRKeMXMiuxwMNPD4DXY7NEXNBqBn4+LXb8WTHEaxKeJ2kFdtab7E0dAcR2+FdzzTQKNZWLpdT4MF4DIVysfU+TxbzoTjMeVscaSPL1IwSZffILSnYE9d7UJot0BGWBMLQlUSyp8uDOQY42PzIIxoweggbF5AESPUce2YVGT5pbkphFwjaZ7AvGJVayZYsxBuTmBMYbMW74UKpyF9QCtlakKtT9knDo87S1TqDNa4BaD2wp5/TEbpvLcaem5qtli0juy9LfLstxboGjjXjRPYG0ucf2rzDHkSs0TEh2eYnULZsyA7PMOYFjSTUrfa+ikSI3xEn1b6aBthgmlwyeq5MIIrH82ZcjG1LBpAuBJ5jJSVRYfGJ/fvNny/FwPZWdgw4ldQlTpI/47rNwAAAABJRU5ErkJggg==") no-repeat 50%
}

.partnersite .main2-container .corp-holder-icons .corp-icon-float .corp-icon-img3 {
    background: url(../../public/images/partnersite/3.png) no-repeat 50%
}

.partnersite .main2-container .corp-holder-icons .corp-icon-float .corp-icon-img4 {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAdVBMVEX6+vr+xgD92mv85Jj856X93Xr69N/69+3+yQf77sP+zCb900v78dP69uj+yQT856L78db84o/6+fb78M387b794Yv911r+zzP+zi768tn94IP91VD90kL+yxP93HT90Dr87Lf86a/86a785Z392m392GH69+9GoWWnAAABfElEQVRYw+3U2XKCQBCF4T7DllFnAGVf3M37P2JCJYJELBE6ZYz+F1RffVzQNL16hhwBxoRDAqwJAhbE1gIggBhrQGd0LVAmGF0iG1Bp4G1kgFY1uEUxp5HNC2xr0ISg0QmYP8BUVi9av7OBMVQ1ZmzgBDaRAesRQdtKgMSyuUAX37k84AaIpFIyAjYcoFMi/JpClA4D6KI4jgVcBlDAOI4GBAMYITiOa+QM4MKoD4fElGcP/xS4OwWVvxen5SiF2PvqFlBZXuNN0NlE9Qdb+YiNdiL7fMTwB4Kie49diMGgSR2ZLGDg8YIKK17QxuR2cLckTrDqscGEFyQjYAKbBoGcv15HGfJAnhXkyAaCqUZnOh0IkneYdnTwqB/Yv38ASmjfGJmvIWuQIjAUUQPOzaUY2dKc1yBXvwZajFUgcwQYjN3xo8xSZlCXzGDo33EPQ/ty3uwsz75cCFAM1mJyVmBs5Vw/mq2uH+MX+JzgQqN3b14fEP3TM3r1AH0AtrQe/m81OMcAAAAASUVORK5CYII=") no-repeat 50%
}

.partnersite .main2-container .corp-holder-icons .corp-icon-float .corp-icon-img5 {
    background: url(../../public/images/partnersite/5.png) no-repeat 50%
}

.partnersite .main2-container .corp-holder-icons .corp-icon-float .corp-icon-img6 {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAmVBMVEX6+vr+xgD6+ff900r69uz+zS3922777sP86rT+yQb77cH689z6+PT69ef78M392Wf69+/78NL91VX91E/93HT93Xn+yxz93n/69OH92GL90UD78tf86Kr94Yn87Ln86a/856T778j85Jj+zCL+yhX85qL94IX90Dn+zzL+zSf85p/845b+ygz84o7911z85Zv91lr9zzf77LzDJFsuAAAFDklEQVRYw62YCXuiMBCG5+MS5JBLFO/7qrXt/v8ft0nMErKPyCr7kjrRkI8ZJhOx1IXeaALGtryE1B1jb0MxmFJHkiNQ/KDoxTlgAjgY1IUZUKwiYM36N6T+ADCtDnp7YBBTiZwYY2BKv3b4eV9xAcyJLMAnjoMRkW/DfDfq8IrcsqwvTCyBi4K9Jjsc6D1OaKJP7+ADHgd3q3rAjd5hiAE3ARDQnQNG8kpvrfACPW6mOFeLSLqW4YteZ4qrTLVZ1SAmwn6hpNdZIr27pWb70tkINr3OJ1KXkyNzJXt4ws4Aep0UzbwlmGNrcmwUpmQC3DtvCV4wEHbFrLqH0hbsZei8RoqrsBm2jpP378k4EceFSXt0ZCCEMnk3RgTA7sAOmBJt4Ija2WFNsloCnygeE4Wv1g5gDocn9sLIYPMPpLM9yjAm2wvoJTzUmVeCy2xMH98xjRx6VfC2OQAfm83mB7bBBa1OeNjQhyjGkbidhM5sDBtLChzApf8iuNyjCNZH1pFZok6YWAHDb2Dbo/8keGdoUU3QYMcfDP2QHzUeQvA0H9cW5vMJy2v/2QlMsFwINV1Q88ioNRrig3/U2Ez0SAMQA2qSPkEIahfS20NBMjQZeVyWvC89pGC4eBB5k4dKRwnHcteQghekalC1Bg/1U6XJ8EmioDbcHLEnkqP/FnLV+mkiei62fPo05zlcw4vJkKMqnGbBWo4P2CXCmTPc6iwHQ2H7wFd7yPptiTOp+ImytklNpd6glu+WLMtTKkUr/6WeWC9KTzu9MSmV3F1RbrPRPD2dT+k8IUH6t38tISvFjU8M9whIJn2h/6Vl+ZmHehiCuAS8fBb50czxgDyobR7q5Gce6rtOeATmsXxjjYCsepO01XItgCVSV2gGE2wTUvR2SMVAkgPrloWt/CcXwHYe8gLZ+VQn8XgN9k0AZqhibl2H4ecZ+KapeKD3Z/s1mxfNlkxiBoRUAE6klVZ7pRiLwVI8l1slGPZqws2B+zIndxPqmWnyUF1SEHiI6AZ8lwWA681kirSQz7v6emjfHDgRzpQACZMukcbi3lqGB18KKh+fZ7nigpK+5K+RRcDNBC6Ztd2iLWTRLplpmtlM7AsjmrM/xQAr8Ue0MflZYjtvyrLa2jjfUnDPewLpoRScgDPgU9pCDvscSz5G+4BaiREQUiZCvp8Vy1lPl42ijxPRDRn/TNaNQ8YVUxK0JkUuQKUagM31PeTG/e0NRUh9FJpeq4fCVDnIxe/2MuZBZqJ8vzGieFyJtSwbtbj90dWhCIiE4mlNiy08pvcLGJN53zxUaw5ZRr1IAThEDuyQKLKBCXD0iXzxD4CD2DwC+tdvPbHblPyM+IQfi5kcABcYn2EGxOznFpiRvH77buOn8sGMK4gkJ58+1//h+gJjMbcqB9q/9RTTa+3n+QjnULqkCu+Jh2pcidMFRcSwyEh+QUxTw09rWd+QVNcowClEJlLSL9i2sGseqm6O3fF4dGh5BGZKjrdX9kP1ssJkNaZktVoBvjbUtmNXh+7GHkBJNjiBFkTbjk2PPeyjcPo0cxwH+PuetHr4wE0meLXvVGFo5pV7KI41FGpQ2aYsazpac01MWMAF8uiBXnst69Hw9oE7ibaqtc4rHhqUQHAK+LuXfqc0JUahJaRlHarhv1Oj1HQP2ytFv3JD2ervm0NumKaJNoXQXil6U92GEB4KRtSBcIs1aQzQEdsgDaujojkljd+BSUoyv7pfZgAAAABJRU5ErkJggg==") no-repeat 50%
}

.partnersite .main2-container .corp-holder-icons .corp-icon-float .corp-icon-img7 {
    background: url(../../public/images/partnersite/7.png) no-repeat 50%
}

.partnersite .main2-container .corp-holder-icons .corp-icon-float .corp-icon-img8 {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAjVBMVEX6+vr+xgD6+ff69+393Xr85Jj+yQf77sL900v69uz92mr94In6+fX+yAD92m369OH78db91E/6+PL86a/92GP91lX69eX689v85qD84o/90kT+yg769uj78dP867b93Hb923L911/90Tz+zzL78ND68Mz67sX77b394IT86Kj845P91ln+zSn+zCP+yxt7F7ZmAAACiElEQVRYw+2Yi46qMBRFz25h1AoICr7fb+848/+fd4sy6QDlUTQ33sQ1zomGdLnbczQqcQE9ISfJZAYTBCeBIjbSd4EhgoAF6fABhyjChAxYAASQng9wojZaZEJdYZ9XkxE6qZoRDlADLyUcYyWrDetWzxnhcvZRjZUSetjKKjCVNUT78TMc/vFvdZTUpsJ/3+UtNpYJN6FDOpgbC2cwhXaILB0RrlI7xco2AaCTiwKW1OgMqWd3ddgjaiYs5mWEvbGtY9zTCydiLmtXcFnPHs8LW0VNcU864RwYEw2Bi4wCDPLCHQJLR4CrNuEqiKOvgyER86I5pSkbbKD/Sq/lkf2b/ePCCL/ZPS5seULhDf6j98O38C18C9/Ct7CpsOKLTwNhiCI21EjIwyJfp5mQiHEd7HU+zj1b2A9gTtAvFnpogiibwy8Aa79TD3/t3lawEiEbTAF4PlXjrwFsBwzg5S+9YwTg8xjPUMFfzGEDIIq7VCWULASA6ZJRkZAt2wDCPVG18E7PcoHd2IlX5/6dyxZwVz2i2kJJZ/INfE86lMlJ3P4CZt05UU0ho4T+eAe4Vu/mSW40PM+Aq52MnrxSLVRZSLU80Y3WbtxYhyQ/x1knoVLS8TNpuXx0CAEEp5tN+aqFyeH/KH3v3vJTACA8JDr1xHUTKuW95R9xY0d3m5IZnKFalbR8dp6rdHGpd4YqXWotOYd+Smdyhmmd6k/2ksHYpHacmezctcotp/eViakeqXvVCTMbzu40bTZIqFKV7LxRQt1d84QqUImcmSRUN32/a86hWpTPo89okDCbR++rTqgfxfyODeZQP4qs4ZZZbvCobHSqhHsyZQ+wwp/uBZ6KIC6e6uN/AXFvJxhOfm19AAAAAElFTkSuQmCC") no-repeat 50%
}

.partnersite .main2-container .corp-holder-icons .corp-icon-float .corp-icon-title {
    margin: 30px 0;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.partnersite .main2-container .corp-holder-icons .corp-icon-float .corp-icon-desc {
    line-height: 25px;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 400;
    margin: 0 auto;
    text-align: center
}

.partnersite .main2-container .corp-video {
    background: #f8f8f8
}

.partnersite .main2-container .corp-video .video-container {
    width: 1080px;
    padding: 30px 0;
    margin: 0 auto
}

.partnersite .main2-container .corp-video .video-container .corp-video-title {
    text-align: center;
    margin: 20px 0;
    font-size: 20px;
    font-weight: 700
}

.partnersite .main2-container .corp-video .video-container .youkuplayer {
    width: 775px;
    height: 475px;
    margin: 20px auto
}

.partnersite .main2-container .footer-banner {
    width: 100%;
    height: 253px;
    background: url(../../public/images/partnersite/footer-banner.png) no-repeat 50%;
    background-size: cover
}

.partnersite .main2-container .footer-banner .banner-container {
    width: 1080px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.partnersite .main2-container .footer-banner .banner-container .more-info {
    margin-top: 50px;
    margin-right: 199px
}

.partnersite .main2-container .footer-banner .banner-container .more-info p {
    color: #373737;
    font-weight: 700;
    line-height: 50px
}

.partnersite .main2-container .footer-banner .banner-container .more-info p:first-of-type {
    font-size: 32px
}

.partnersite .main2-container .footer-banner .banner-container .more-info p:nth-of-type(2) {
    font-size: 24px
}

.partnersite .main2-container .footer-banner .banner-container .more-info .contact-now {
    color: #373737;
    font-weight: 700;
    display: block;
    width: 176px;
    height: 40px;
    border: 1px solid #424242;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    margin-top: 16px
}

.partnersite .main2-container .footer-banner .banner-container .QR-code {
    margin-top: 28px
}

.partnersite .main2-container .footer-banner .banner-container .QR-code img {
    width: 178px;
    height: 178px;
    display: block
}

.partnersite .main2-container .footer-banner .banner-container .QR-code p {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    line-height: 19px;
    margin-top: 8px
}

.partnersite .main2-container .corp-form {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.partnersite .main2-container .corp-form .form-container {
    width: 840px;
    padding: 30px 0;
    margin: 0 auto
}

.partnersite .main2-container .corp-form .form-container .corp-form-title {
    text-align: center;
    margin-bottom: 20px
}

.partnersite .main2-container .corp-form .form-container .corp-form-title .title {
    font-size: 20px;
    margin: 20px 0 15px;
    font-weight: 700
}

.partnersite .main2-container .corp-form .form-container .corp-form-title .subtitle {
    font-size: 15px
}

.partnersite .main2-container .corp-form .form-container .corp-form-content {
    margin: 35px 0
}

.partnersite .main2-container .corp-form .form-container .corp-form-content .corp-contact-form {
    margin-left: -40px
}

.partnersite .main2-container .corp-form .form-container .corp-form-content .corp-contact-form .formgroup {
    margin-bottom: 20px;
    display: table
}

.partnersite .main2-container .corp-form .form-container .corp-form-content .corp-contact-form .formgroup label {
    display: table-cell;
    width: 100px;
    font-size: 13px;
    text-align: right;
    padding-right: 10px;
    vertical-align: top;
    padding-top: 10px;
    cursor: default
}

.partnersite .main2-container .corp-form .form-container .corp-form-content .corp-contact-form .formgroup label span i {
    color: #fc0c00
}

.partnersite .main2-container .corp-form .form-container .corp-form-content .corp-contact-form .formgroup label span:hover {
    cursor: text
}

.partnersite .main2-container .corp-form .form-container .corp-form-content .corp-contact-form .formgroup label:after {
    content: ":";
    margin-left: 10px
}

.partnersite .main2-container .corp-form .form-container .corp-form-content .corp-contact-form .formgroup .form-input {
    display: table-cell
}

.partnersite .main2-container .corp-form .form-container .corp-form-content .corp-contact-form .formgroup .form-input .form-control {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #e6e3e3;
    width: 100%;
    background: none
}

.partnersite .main2-container .corp-form .form-container .corp-form-content .corp-contact-form .formgroup .form-input.ui-state-invalid .form-control {
    border: 1px solid #bd1a00
}

.partnersite .main2-container .corp-form .form-container .corp-form-content .corp-contact-form .formgroup .form-input.ui-state-invalid .ui-error-message {
    float: right;
    font-size: 11px;
    margin-top: 2px
}

.partnersite .main2-container .corp-form .form-container .corp-form-content .corp-contact-form .formgroup .corp-button-contact {
    display: block;
    margin: 0 auto;
    width: 150px;
    background: #6dbd45
}

.partnersite .main2-container .corp-form .form-container .corp-form-content .corp-contact-form .formgroup .corp-button-contact:hover {
    background: #559f30
}

.partnersite .main2-container .corp-form .form-container .corp-form-content .corp-contact-form .formgroup.width-50 {
    width: 50%;
    float: left
}

.partnersite .main2-container .corp-form .form-container .corp-form-content .corp-contact-form .formgroup.width-100 {
    width: 100%
}

.partnersite .corp-contact-form input,.partnersite .corp-contact-form textarea {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.partnersite .corp-contact-form .corp-button-contact {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.partnersite .corp-contact-form .corp-button-contact:hover {
    cursor: pointer
}

.partnersite .corp-message {
    text-align: center;
    background: #fff
}

.partnersite .corp-message .corp-message-header {
    padding: 40px 0 10px;
    font-size: 15px
}

.partnersite .corp-message .corp-message-content {
    padding: 10px 0 40px;
    font-size: 13px
}

.partnersite .corp-message .corp-message-content span.corp-message-countdown {
    color: #fc0c00;
    margin-right: 10px;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    top: 1px
}

.corp-demo-button:link,.corp-demo-button:visited,.corp-green:link,.corp-green:visited {
    background: #6dbd45;
    background: -moz-linear-gradient(center top,#6dbd45 20%,#5ead2f 100%);
    padding: 15px
}

.corp-black:link,.corp-black:visited,.corp-demo-button:link,.corp-demo-button:visited,.corp-green:link,.corp-green:visited {
    -webkit-box-shadow: 5px 5px 5px -5px rgba(0,0,0,.4);
    box-shadow: 5px 5px 5px -5px rgba(0,0,0,.4);
    border: 0;
    border-radius: 3px;
    margin: 0;
    text-align: center;
    overflow: hidden;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700!important
}

.corp-black:link,.corp-black:visited {
    background-image: url(/images/corp/corp_video-icon.png);
    background-position: 13px 12px;
    background-repeat: no-repeat;
    background-color: #000;
    background-color: -webkit-gradient(linear,left top,left bottom,color-stop(.2,#000),color-stop(1,#333));
    background-color: -moz-linear-gradient(center top,#000 20%,#333 100%);
    padding: 15px 0;
    width: 280px
}

.left {
    float: left
}

.right {
    float: right
}

.main2-container {
    padding: 50px 0;
    position: relative;
    min-width: 1200px
}

.main2-container .container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    min-width: 1200px
}

.main2-container .container .page-title {
    font-size: 28px;
    font-weight: 700;
    text-align: center
}

.main2-container .container .page-title h1 {
    font-size: 28px
}

.main2-container .container .subtitle {
    display: block;
    margin-bottom: 13px
}

.main2-container .terms-container .subtitle h2 {
    font-size: 16px;
    font-weight: 600!important;
    margin: 20px 0
}

.main2-container .terms-container .subtitle p {
    color: #666;
    font-size: 15px
}

.main2-container .terms-container ol {
    padding: 0 20px
}

.main2-container .terms-container ol li {
    margin: 30px 0
}

.main2-container .terms-container ol li p,.main2-container .terms-container ol ol>li {
    color: #666;
    margin: 10px 0;
    font-size: 15px
}

.main2-container .terms-container ol.decimal {
    list-style: decimal
}

.main2-container .terms-container ol.lower-alpha {
    list-style: lower-alpha
}

.main2-container .terms-container ol.lower-roman {
    list-style: lower-roman
}

.main2-container .paragraph-container {
    width: 960px;
    margin: 0 auto;
    padding: 0 0 40px;
    line-height: 30px
}

.main2-container .paragraph-container h2 {
    text-align: center
}

.main2-container .paragraph-container p {
    margin-top: 0;
    line-height: inherit
}

.main2-container .paragraph-container h3 {
    margin: 40px 0 0;
    font-weight: 400!important;
    font-size: inherit
}

.main2-container .paragraph-container ul {
    display: block;
    list-style: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 40px;
    padding-left: 40px
}

.inmaginator .banner {
    margin-top: -50px
}

.inmaginator .banner .banner-image {
    position: relative;
    background: url(../../public/images/inmaginator/main-banner.jpg) no-repeat 50%;
    background-size: cover;
    height: 480px
}

.inmaginator .banner .banner-image .banner-image-caption {
    width: 100%;
    text-align: center;
    font-size: 35px;
    position: absolute;
    margin-top: 160px;
    color: #fff;
    letter-spacing: 4px;
    line-height: 1.6
}

.inmaginator .banner .banner-cta {
    background: #000;
    color: #fff;
    position: relative
}

.inmaginator .banner .banner-cta .banner-cta-caption {
    text-align: center;
    padding: 80px 0 24px;
    font-size: 15px;
    letter-spacing: 1px
}

.inmaginator .banner .banner-cta .banner-cta-button {
    padding: 24px 0 80px
}

.inmaginator .banner .banner-cta .banner-cta-button .btn {
    display: block;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    width: 135px;
    padding: 0;
    text-align: center;
    background: transparent;
    border: 1px solid #fff;
    letter-spacing: 1px;
    color: #fff
}

.inmaginator .banner .banner-cta .banner-cta-button .btn:hover {
    background: #fff;
    color: #000
}

.inmaginator .platform {
    width: 710px;
    margin: 120px auto
}

.inmaginator .platform .platform-123rf {
    float: left
}

.inmaginator .platform .platform-123rf .platform-123rf-icon {
    width: 355px;
    height: 40px;
    margin-bottom: 25px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAYCAMAAAAF1QXXAAABBVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/zjQAAAD/zjT/zjQAAAAAAAD/zjT/zjQAAAAAAAAAAAAAAAD/zjT/zjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/zjT/zjQAAAAAAAAAAAAAAAD/zjQAAAD/zjT/zjQAAAD/zjT/zjT/zjT/zjQAAAD/zjQAAAD/zjT/zjQAAAD/zjT/zjT/zjT/zjT/zjQAAAAAAAD/zjT/zjQAAAD/zjQAAAD/zjQAAAAAAAD/zjQAAAAAAAD/zjT/zjT/zjT/zjQAAAD/zjTZ8HwyAAAAVXRSTlMAouIl1b/atzO4FKvmh30GA9i8GtC10BO0joAH/Pn07tyTillNH5yYeUEa3MnDVSinhHdza1tQDeOmj3NsVjDnsZaCZmI5OCQL8N7ErauJNCz1vZ8Dfp/wtAAAAyJJREFUSMeNlud2GjEQRj8wrkAMJqaabno1hoAx4F4TlxTp/R8lq4aQliW5P2B3Dmd1NczMCpJvt19WuJ0dYIWez6HaALDlUxSHFXC6y1AtXE6Ak6j6NNV0D5LKZc2nSaNSb4DTbFGbETRlwogDOCWabBGMH2SF3BvX+iQmKXDCWTOMxv4lOBM62DOYv9A9SNSyHQANssoRHIrEIL9giSIWZ3C4t4IFbNXKYDzSc1g06S87A9tMxf3cN2Lij2gBzSeAuBXLAbEMGDe0CZsJ1deLZF4K9Hb3BUnxtARwv69C2yc8dikFsn5OiAdLAF6F4JIjSOa0BRdf6HSMJUkuoFGpPzVCFb5Yhwno32dS7MYHoMCsFrDZm9CfMgHjWb9/ruq/T+lsk0CG7bcOhS6WuBTYhSBxIm922P5h80SpWvPuijq8DFRntugdJLtugWf23DQMuqsCywzn2Y0SiMDimj6qBalAV+QVPfQWuCAOQyMU87NY2xJIsOZLemagRSE4pIplSQbpgZfAR5IsayBTD6cZpTyP+aRAcjUtF1IgBJuv9FAnQDKF4NhDoDJsE0GMb9EcBDEp0I5xGrwya1LgZCcQFexULYF3LXC9SSBWip7oOSBzrDl6BhOwOeUCBgFLYPp/AkOxmup4VwaiD+sEinALbHv/BTfeAnU9SOtbqiHDxVQqVaqK/yWbcAnkwlgj8GoJjLXAk6fAg1q9Vo7ARVfs1iUQxVIgVwpLSveWAO6o5BaeAhcieWWsp746B0IpB/Gu7AKebagFMKCcd3gLdORcd6OHXsBowzPeGRklEIpsEEBzFgwOnrBBIEAcejCwx3PBGESRHLtubBaw8RaIEocFvDgjLgFURdL+LTAIOvT77HN6sDEDD1hPZEjWvAvKvB60gMcoHh/TFa729Ch2C/jjAUUMqEflddxPOGlT4DnHB5GnwHc6Fl8mTZkdl4DJlmoMTS5jCqDGe9NT4JFORvNRkFq0RqP57+VEwpE8ExaISYU9X6PqrScOJoKuLAywDOVdAjinngT/QNKRp2K/W6BqBNofUAJt1RohdlcW54KcLfAXGt+W2yLlHfAAAAAASUVORK5CYII=") no-repeat 50%
}

.inmaginator .platform .platform-123rf .platform-123rf-caption {
    text-align: center;
    margin-top: 45px;
    font-size: 15px
}

.inmaginator .platform .platform-su {
    float: left
}

.inmaginator .platform .platform-su .platform-su-icon {
    width: 355px;
    height: 40px;
    margin-bottom: 45px;
    background: url(../../public/images/inmaginator/su.png) no-repeat 50%
}

.inmaginator .platform .platform-su .platform-su-caption {
    text-align: center;
    margin-top: 25px;
    font-size: 15px
}

.inmaginator .incubator .incubator-title {
    position: relative;
    z-index: 1;
    text-align: center
}

.inmaginator .incubator .incubator-title h2 {
    font-size: 35px
}

.inmaginator .incubator .incubator-image {
    height: 480px;
    margin-bottom: 45px;
    background: url(../../public/images/inmaginator/inmaginator-pro.jpg) no-repeat 50%
}

.inmaginator .incubator .incubator-description {
    text-align: center;
    font-size: 15px;
    margin-bottom: 25px
}

.inmaginator .incubator .incubator-partners {
    position: relative;
    top: -10px;
    z-index: 0;
    height: 760px;
    width: auto;
    margin-bottom: 75px;
    background: url(../../public/images/inmaginator/partners.jpg) no-repeat 50%
}

.inmaginator .platform:after {
    content: "";
    display: table;
    clear: both
}

.var-container .var-header .page-pre-title {
    padding: 0 20px
}

.var-container .var-header .page-pre-title h2 {
    font-weight: 700!important;
    font-size: 1.25em
}

.var-container .var-header .page-pre-title h2 span.red {
    color: red
}

.var-container .var-header .page-title-head {
    height: 50px;
    padding: 0;
    margin-bottom: 25px;
    border-bottom: 2px solid #f4f4f6
}

.var-container .var-header .page-title-head h1 {
    font-size: 1.25em;
    font-weight: 400;
    line-height: 47px;
    display: inline-block;
    margin: 0;
    padding-right: 20px;
    padding-left: 20px;
    border-bottom: 3px solid #fc0c00
}

.var-container .var-header p {
    padding: 0 20px;
    font-size: 13px
}

.var-container .var-content .row,.var-container .var-content .row .section {
    display: block
}

.var-container .var-content .row .section .section-title {
    margin-top: 50px
}

.var-container .var-content .row .section .section-title h2 {
    text-align: center;
    font-size: 1.25em;
    font-weight: 700!important
}

.var-container .var-content .row .section .tree-line {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAsAAAA5CAYAAABQx6ICAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAGuSURBVHja7NyxDYNAEEXBxaIk91+BO7kicELAy0kQMwn5Sl86vYBtrTUAAKdjZjZnAIB3+zgBAAAAcCUWAAAAACEWAAAAACEWAAAAACEWAAAAACEWAAAAACEWAAAAACEWAAAAACEWAAAAACEWAAAAACEWAAAAACEWAAAAACEWAAAAACEWAAAAACEWAAAAACEWAAAAACEWAAAAACEWAAAAACEWAAAAACEWAAAAACEWAAAAACEWAAAAACEWAAAAACEWAAAAACEWAAAAACEWAAAAALHPzOEMAMCFtwEAvNx+fjengFv8ZubrDGArYDtgM/Dk7WxrrWPEAriLPYGtgO2AzcDjt+OfBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAECIBQAAAED8AQAA//8DAMnhE8EWy4ZMAAAAAElFTkSuQmCC") no-repeat 50%;width: 100%;
    height: 60px
}

.var-container .var-content .row .section .tree-desc ul li {
    display: table;
    float: left;
    width: 165px;
    height: 110px;
    background: #f8f8f8;
    margin: 0 20px
}

.var-container .var-content .row .section .tree-desc ul li span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 13px
}

.var-container .var-content .row .section .tree-desc ul .first {
    margin-left: 0
}

.var-container .var-content .row .section .tree-desc ul .last {
    margin-right: 0
}

.var-container .var-content .row .section .youkuplayer {
    margin: auto;
    margin-top: 30px;
    height: 435px;
    width: 800px;
    background: #f8f8f8
}

.var-container .var-content .row .section .var-work {
    position: relative;
    margin-top: 55px
}

.var-container .var-content .row .section .var-work ul li {
    position: relative;
    float: left;
    width: 300px;
    height: 240px;
    background: #f8f8f8;
    padding: 50px 45px 0
}

.var-container .var-content .row .section .var-work ul li .ribbon-number {
    display: table;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAASrSURBVHja3JvPaxRnGMc/M9moyZq4iD+waUq7KYvBQ6QrwYsUWnBLDxUPBfHeSykeCkX6F0gQPBTpxbsIPUh6KB3BQhFENAsV2gaCSYs2SKPIrnYTt4m7PcyzMM4+78xsdnaY6ReGSeadmff5zvO87/P++K7VWjjJADAM7AEKwAiwA9gNWFLeBv4B/gU2gBpQBzZ7rcgqO4HluRhJ7QEOyjkfZhcw5vn/TTk3hOjfcu4b/RK0gCKwH9gVgz15Od4AXgJPgBXxeOIE3wUOAUMMBruASSH7GHiQFMFxoCRtKgkMSQgXgCXg+SAJviUhGSXUZoCj4oW94nFbylvikWfAI+AX4L60QRN2A+9JyD6Mm2BOvHYg5J4TwEngeMj7bHkfcu+n8vcd4AZwC9gyPFsUsksB9/REMA9MB4TkTuBj4Cywr89wPC7HU+Aq8APQVO47AIwCiyFexwrJg2PAkYAechY4B0wMqP2tAt8Adw3lTeBXq+y8CAoVE0bEcyZynwFzAySHvHtO6jJFz3S7WhnZDsFpCQON+JyEZFI4K3VqREbF1p4ITkk60GL/soRm0piVug9pqatdrUxFJTguXbsfBeBSxDQxKBSBi2KLH5PtamU8CsGSobe9MOD21ku7vGDIAKUwglOGdPA5cJj04LDY1DUY8Ieq7Rs4Txhi/zTpw2lDXzDRrlYsjWBR8WhO8lxacU4JVdvbT3gJ7VdecCol7S6oPZ4y9PavESwoCT0HnCH9OKN4cWe7Wil4CWqD6BMxjC2TwD7gA5MXbc9ygx8fkR18aFhCwZYForwyyD6WIYLHfGs8APl2tTJsG7x3JGScmjbYYnOXF00EZ8geZkwEtRnD2xkkqNk8aiI4mUGCkyaCO5SCvRkkqE3vhm30dc2RDBLUbB6y+Z/DBl4p1zcyyEWz+ZWNu8Pjx7MMEtRWvDdtYF0peJRBgquaV00E/8wgwRXlWsNG34e7n0GCms11E8HfcDdIsoKW2KwS3KR7ff8FsJAhggti82vhaZWdzU4e1Lz4Y4YI3tS8553wrik33MLd5Uk7ngI/KdfXvARruHviXmwB1zJA8Brd+4RNq+zU8E1qnygPzxvyS5py37zJe36CK0rPuYW74ZFWXFa81/LmRC/BtsFbd4DrKSQ3L7Z1edUqO22NIMAy+pbwt7h74mnBkiGyGlbZWfbPJrSHUUL1fEra46rYshXFdtuQP7TBdg340jDmS3K8+ZXY0jVBsMpOPQrBTqg+N/ROX2AWBQwSd6Xux9pUyR+aYQTBlWisGyaW53FlHknhqtSpTWrXxVZ6JbghD740lF8Bvh5wu1yVOq4YypvAolV2jCsQVgS9aBQh0Ce4SohCTMRq4rXv0YVA4OpNF62yEygEiqJ0auBqyUxSribwneTK93GlXLN9tLMbwM8Ey7TWiFHK1UkTv8tXKwbcc1MOTYxXUrr0XsR43p40djFeBw8ljZQIVvU2gNtyxIWGfJSelMDbWRetA/eAvxKa9bekrntsQ+bcj+L3gYTLO8QnafaiI2n+o58PmYvh6y7LUZBOKIooPSgM69KJ1OL4SnGq7mseo7SfFYwp6z59/6wgDP8NAH6iFTtp7ZSeAAAAAElFTkSuQmCC") no-repeat 50%;width: 60px;
    height: 60px;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto
}

.var-container .var-content .row .section .var-work ul li .ribbon-number span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 25px;
    color: #c9c9c9
}

.var-container .var-content .row .section .var-work ul li h3 {
    font-size: 15px;
    text-align: center;
    font-weight: 700
}

.var-container .var-content .row .section .var-work ul li .work-desc {
    margin-top: 35px;
    font-size: 13px;
    line-height: 20px
}

.var-container .var-content .row .section .var-work ul li .work-desc .underline {
    text-decoration: underline
}

.var-container .var-content .row .section .var-work ul .margin-150 {
    margin: 0 150px
}

.var-container .var-content .row .section .var-work .work-info {
    width: 600px;
    padding: 15px 0;
    text-align: center;
    font-size: 13px;
    margin: auto;
    border: 1px solid #fecc46
}

.var-container .var-content .row .section .var-work .work-info .red {
    font-size: inherit;
    color: red
}

.var-container .var-content .row .section .var-work .work-info .red:hover {
    text-decoration: underline
}

.var-container .var-content .row .section .var-work .arrow-right {
    display: block;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAGcAAABKCAYAAACmc0oRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAALjSURBVHja7N1NyI1pHMfxj+mRxkQpzVAUsWHBwmS8hWi8LLwsZDYs2UzZUCwpduywUFYszMwKNY0mkYWkpGwoTDLCQzNTMxx5Gxb3XR4nL8fjnPv8z/38v7tT5+U6/fr9rrf7+l/DGo2GmnId3+HvXv0DX6gvU3EXK1KcmIzAr9jfi40fVuNYe9X0+ioW9FLM1d05A5mGO1ia4sTkS/yOvRlrsWKtmSuYj0fpnHjMQD8WpjgxGYmz2J2xFivWmrmExZFibqg7ZyCzyknrnBQnJqNwHjsz1mLFWjMXsAjP0jnxmIOHZdylOAEZjYvYnrEWK9aaOYfvq4y5dE7rLMT9cvKa4gRkDC5ja8ZarFhr5gyWdFqcxzUVZ2QFv/GXYo/oWqfEeSX5HF5iCw6mOHE5pc3PK+SAoH0sV2xBTElxYvJ12f9sSnFi0odDOJ7ixGU17mFiihOTcfgDG1KcuDF3ZDAxl+IEjrkUJ3DMpTjdi7mfc4UgNnfwbTl5TecEYwL+xA8pTkyG41gZdRlrgbmleLCkP50Tj0m4jVXpnNgcTucEH3MnsXiGdTiZ4uSAIGmBo5g8cEKazuk+z7ERP2WfE4tcvgnKL4rtg/73vSHFqZ4XZYytz6F0LO5jtmKx86Okc6rjBMa3KkyKU12MbcaaXCGIxQPMw83BfDid0zlO4ZvBCpPidIaX+FEbHmrPWGsvbT2vk85pH2cwVhsPUqU4n8//2KYDRxD7UNdDoVUcO/xHUczoSie+vA9f1VScTm+/d7wuQcba4GJshwrq4uRo7dP4t+xbLlXxYylO61ReRSpjrbW+axfmqri8Vzrnw/yHZaVrKifFeT9dr/mZsfbuGNuj2NvvajHWdM7bNLCynMN0nRTnDeEqtGesFTG2DzMFK50/1J3TUJxyPh2xcUNZnLxoImMsndMqTxSnxk73QmOHkjh5LVjQGDuA6XrsWsq6O+cp1uK3Xmx8ncW5occvcX09AEFvs9kVhHPXAAAAAElFTkSuQmCC") no-repeat 50%;width: 105px;
    height: 75px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: -125px
}

.var-container .var-content .row .section .var-work .arrow-left {
    display: block;
    background: url(../../public/images/vars/arrow-left.png) no-repeat 50%;
    width: 105px;
    height: 75px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: -125px
}

.var-container .var-content .row .section .var-work .arrow-bottom {
    display: block;
    background: url(../../public/images/vars/arrow-bottom.png) no-repeat 50%;
    height: 105px;
    width: 75px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 115px
}

.var-container .var-content .row .section .var-work-info {
    margin-bottom: 75px
}

.var-container .var-content .row .section .var-work-first ul li {
    background: #fff6d1
}

.var-container .var-content .row .section .var-work-first ul li .arrow-right {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGcAAABKCAYAAACmc0oRAAAABHNCSVQICAgIfAhkiAAAA3hJREFUeJzt20GIVVUcx/HP5DAgBEEQCIIgCIErwzZGixBqYxiEQhhEbQzENraxjVEb3dSmNrWpjW5so9jGAWkhuXHI2QwIgiAIgiAIwwwIw7T492qc3sy8++bee67v/r8wm7nvnfOHL/8f591zztTq0rwJ5RecwnLpQsblpdIFNMinuI3XC9cxNpMsB/YLQSdKFzIOky4HXsZF/ISdhWupRB/kDDiJP7GvdCGj0ic5cAB/4VjpQkahb3KImLuMHzBTuJZN6aOcAadFzO0tXchG9FkOHBQxd7R0IcPouxx4BVfwnY7FXMr5jzP4A3sK1/EvKed5DomYO1K6EFLOMF7FNZzHjpKFpJyNOStibnepAlLO5rwtYu7dEpOnnK15DdfxjZZjLuWMzjkhaVdbE6acahwWMXe4jclSTnV2iQ461/REU6tL87ebnqQQB1uYYxYf43ETg0+tLs2vNjFwj3iIj3Cz7oEz1rbPbvF76GzdA6ecetgh3ihcE28YaiHl1MsRsZo7VMdgKad+9oiYO7PdgVJOM8yI/aErYr9oLFJOsxwVMTfWsj7lNM9ecVahcsylnHYYK+ZSTrtUirmU0z6DmDu91QdTThlmxKHGy+KQ41BSTlmOiZg7MOxhyinPPhFzJ9c/SDndYKe4onLRmphLOd3ihLjstZ/cz+kqyziVndNhpksXkPyPu/gQC9k53eIS3sQCuSDoCsv4XBwWWRz8M2OtPPdwHHfWP8jOKctveMMQMaScUjzDF6JjFjf6UMZa+9wXUua2+mB2TrtcFTG2pRhSTls8w5f4AE9H/VLGWvM8EMd1b1X9YnZOs/wuYqyyGFJOU6zgK7yPJ+MOkrFWP7XdOsjOqZdZEWO1XAdJOfWwgq/xnhovUmWsbZ9H4oXljboHnjbiD6IXkDauHd4QYh41Mfi02D+YRJrefv/2n7+VpibIWKvOY9Ets01PlHKqcVMskx+2MVmu1kbnAt7Rkhiyc0bhCT4Rr2JaJeVszi0RYw9KTJ6xtjHfixgrIobsnGE8FTF2tXQhKed55sQW8v3ShZCxtpYf8ZaOiCE7hzj98pk4ptQp+i5nTqzG7pUuZBh9jrVBjHVSDP3snM7G2Hr6JueOWI11tlvW0qdY+1nHY2w9feicRXG94lLpQqoy6XIWxC2xu6ULGYdJjrVfxS7vCykG/gbu1YvjuqlUxgAAAABJRU5ErkJggg==") no-repeat 50%
}

.var-container .var-content .row .section .var-work ul:after {
    content: "";
    display: table;
    clear: both
}

.contact-container .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contact-container .row .page-title-head {
    height: 50px;
    padding: 0;
    margin-bottom: 25px;
    border-bottom: 2px solid #f4f4f6
}

.contact-container .row .page-title-head h1 {
    font-size: 1em;
    font-weight: 400!important;
    line-height: 47px;
    display: inline-block;
    margin: 0;
    padding-right: 20px;
    padding-left: 20px;
    border-bottom: 3px solid #fc0c00
}

.contact-container .page-subtitle {
    height: 50px;
    line-height: 50px;
    background: #fafbfd;
    border-left: 2px solid #feb223;
    margin-bottom: 25px
}

.contact-container .page-subtitle h2 {
    font-size: 13px;
    font-weight: 700!important;
    padding-right: 20px;
    padding-left: 20px;
    line-height: 50px
}

.contact-container .contact-address {
    font-size: 13px;
    color: #525252;
    padding: 0 20px
}

.contact-container .contact-address .address-title {
    color: #000;
    letter-spacing: 1px;
    font-weight: 700!important;
    margin-bottom: 20px
}

.contact-container .contact-address .address-content {
    margin-bottom: 20px
}

.contact-container .contact-address .address-content .address-number {
    margin: 20px 0
}

.contact-container .contact-address a {
    font-size: inherit;
    color: inherit;
    border-bottom: 1px solid #525252;
    padding-bottom: 1px
}

.contact-container .contact-icon {
    display: block;
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 10px;
    position: relative;
    bottom: -1px
}

.contact-container .icon-phone {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAJiS0dEAP+Hj8y/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAA8klEQVQY023QTStEYRgG4OuYmXwsFAk1G8mCFO+OZCMpKZK9mt9gb+9n+CmThc0kZzYUCkM+ZmXKZNQ5ZyyMRsyzve57cT9RiQmHFh2oHPt7fQbt2DNnQUEPnrRl0ohdxf+c96khlejv3a478absyEOvduJURdO11n/OxULDgG1N1ZAEQRB3mZB5NmPLnVuZPKH9E8kRaHqyZNmNzKZRdcl3IEcs8OrRmnUr9q1K1Xx0mFhoe1CzasO4ouDdeZx2uBOouTCsqKCurBrSIOqOKBGZtmnMpTMvWtLo98rS9yciQ+ZNuVLN/eZYIJNJJWaNuP8CU4JOXclW2ocAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTYtMDktMjJUMTQ6MjA6NDcrMDc6MDBctxfaAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE2LTA5LTIyVDE0OjA5OjAyKzA3OjAwX+EcMAAAAABJRU5ErkJggg==") no-repeat 50%
}

.contact-container .icon-mail {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAJiS0dEAP+Hj8y/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAA+0lEQVQY033Ruy5EYRTF8d8588WYuE1G4dJqSBQUVCqFYhoPQEGm8gp6tLwAjWoaTyAK8QQUDAUiopBImBCXmU8xxyUmsaq9s/b+Z6/sZMl/Coo6pVK5P05DUxIsmtStoEcq/jKfvEqDGbP63DkRvwkfOkzrF4MudRdSew7UJaCkrOTMeG6i4sG6krJONdeejaiYs2/XVBC8ObVh2bxR2wpWFO2qGpAGwSsubaqpWNN0a8uhF4OSICeKeFB1ZUHdjlPNr9ypRta8O3Ku4T67P9LazitIED3yXedb8BErHrNIP2oaMhzcGLMgttlR6j1Y1ZvhtA28Bcf/fewTLohGkxrUxu4AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTYtMDktMjJUMTQ6MjA6NDcrMDc6MDBctxfaAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE2LTA5LTIyVDE0OjA5OjM5KzA3OjAw02lPKQAAAABJRU5ErkJggg==") no-repeat 50%
}

.row .col-12 {
    width: 100%
}

.row .col-6,.row .col-12 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left
}

.row .col-6 {
    width: 50%;
    padding-left: .8333333333%;
    padding-right: .8333333333%
}

.full {
    width: 100%
}

.topic-detail {
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.topic-detail .item .slidiv {
    background: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.6)),to(hsla(0,0%,100%,0)));
    background: linear-gradient(rgba(0,0,0,.6),hsla(0,0%,100%,0));
    position: absolute;
    top: 0;
    text-align: center
}

.topic-detail .item .slidiv .tipTxt {
    position: absolute;
    font-size: 12px;
    color: #fff;
    letter-spacing: -.2px;
    left: 15px;
    top: 12px;
    right: 15px;
    text-align: left
}

.topic-detail .item .slidiv .actionIcon {
    position: absolute;
    bottom: 15px;
    right: 15px
}

.topic-detail .item .slidiv .actionIcon span {
    float: left;
    width: 30px;
    height: 30px;
    margin-left: 8px;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    border-radius: 2px
}

.topic-detail .item .slidiv .actionIcon span.like_it {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAkCAMAAADSK7iXAAAAh1BMVEUAAABeXl5tbW1eXl5zc3NeXl5eXl5eXl5eXl5eXl5gYGBhYWFoaGheXl5fX19fX19fX19eXl5fX19fX19fX19fX19fX19gYGBoaGheXl5fX19fX19gYGBfX19gYGBfX19fX19fX19fX19gYGBfX19hYWFgYGBkZGReXl5eXl5eXl5hYWFeXl4tq1RDAAAALHRSTlMA+gnxBfXh2MZ/KRkN67qrg9Cfl3l0aFcRo5BSTEc3yrWvjWxiMCIfvqhbPwz+YxgAAAFiSURBVDjLlZPZeoJADIVZXGBEQFkUQVzBpfP+z9ccKAyYAm1uzIn/N5OTDNr/Y1WUhlJGKRzOpJ4ppdStyIFa2RtJsQjyHlRYsol1rGn2vJXeSlEZlVVs3a5aFA111KEtPw69ljeTMDosq0zU1GNNYlN3sQ8qSPdrM+mCxLLOX5S6rceY1Dxr3ePAEJlAA3tkDadnSok5uYJ7m7Bd13aUdpX/8/eJ8LGhwzv9mjQcbSSoO4uWQvRhDHOp9T9juPQyeWltYTZtAQN5D0FqXkJX4+VRUk+mgyzBsgau3ePd2Wr13q+cY2H1jnpIaJOF8cQ7EI28S4qAUbMzqKMq3MBdP6kLXl7WLYXg7D6WgNr1az64qFsJULl/NnJANVb6Cn3jtraov9npLF7oJe306jNEOTsy52yaLub0xebIOOzGzHfYSqINh3MCp/Md8xdRxXmYUp+5fBraRDw2dBan+FxywWrf0qI3/31MltIAAAAASUVORK5CYII=") 50% no-repeat;background-size: 23px;
    background-color: #fff
}

.videoIndex .ca-banner,.videoIndex .ca-banner .ca-bannerVideo {
    width: 100%;
    height: 498px
}

.videoIndex .ca-contentTitle {
    width: 1200px;
    text-align: center;
    margin: 0 auto;
    font-size: 24px;
    color: #333;
    line-height: 1;
    margin-top: 72px;
    margin-bottom: 32px
}

.videoIndex .ca-featuredVideo {
    width: 1200px;
    margin: 0 auto
}

.videoIndex .ca-featuredVideo .ca-featuredVideoList {
    width: 100%
}

.videoIndex .ca-featuredVideo .ca-featuredVideoList ul li {
    float: left;
    width: 290px;
    height: 256px;
    margin: 0 10px 10px 0;
    position: relative
}

.videoIndex .ca-featuredVideo .ca-featuredVideoList ul li img.ca-videoImg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1
}

.videoIndex .ca-featuredVideo .ca-featuredVideoList ul li span.ca-playButton {
    width: 48px;
    height: 42px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA4CAYAAAE6H87kAAAABGdBTUEAALGPC/xhBQAABSFJREFUaAXlmkuIHUUUhnNHjWDUoKIL0TjqKj5QohtRNBsfEBA0ihpBcGE0RMnSB8GVgogiMUISFy6DLiSiguLOTSALRTe6chPBIQaFUcQQDeP3t3Wa6pqu7q5+3L53UnBSr3PO/58z1dXVdTNZR1lZWTlINVE7KMuTislMd4F/c8vJZPJs4GGdFApFSr7iKgVpA7vJrM61htVMHrK2anlYsoFwUuOKYj31flPy64xPmZWvVCDpszelgoIGndK/UQU3kUcnkn5Yf6GwwaxVhxCFSSlUhimFuhJSqNNfNZ8HE874KSPOW5nfFeqoH3XgK+PsO/rZUguS1sxBaFRwXjXpK8ba2dPQxYk52APCDTGUyPhhcvN11z/jcrjSImDR4Y1dHaxa6xmUFpFbSD9Esd1EJQOc7HOOon4qHZiVc/K89f26kQMZ4OQfqn2+sdqNngUpxhZbrQMMd2B/j5yUlagDDBXegTIjf6zrSixfBz5CXVs083dDnXLJ/B57Gu9jcnuJwqBDWl/KYZutoDdiSmHqPtQbuBxFl2EZij3XZO025neW6aSOJREw5xD5hra9pXT+eAdp5auVkRFRDZnTVLttjOy8QPsm69fVnQmEABDKT2OQeYL5raGO39ciHKQA/jiOt9Y57y0DAGpPeQu5sA7Un+9EANBFnL3sO0xtJxEA8BkHcHsqUEw/iQBOegM2QlqEr1tnjDp7GQmY9Oqtrbf3NMrvgOzlkT0TEtjGxMYBGazg+0fkgNvA/v/WJHr/S2lA/ILrjyHx1QLgbxaGp9fZDvZ6LcIhU14Xzq7BtuI6ZDe/eWwCk1QCfzeMrLFayk54hFX7pTyzeN6guqQxSoViSgZOmh+IvET7Vet3qVMIFHAgcQLRseyLwkRipzUBw4HEJ47IbzaWUncmYGCQeIX2Xus3rXsjIEBInHTZ+HwUAgYKic8cERuK1r1mIIpSMTEIAfaJCxDdCdeWlI2o1pkUAH6R6rpGyij1RgDgO/H3VFNg0+tMAGDd5L6N5Kcrc96k7kQAcH0TLDYBiumkEDjPnAB8N+0nrd+lTiHwNMDnA9bryTn1MewVXJlLJdAl26W2YxNYGpvAByKga7oxyhIvrOPZ5sHqPgcGryGXTolJ9pODsAq7F0S2MKarlTE/VsRrqLKM4w/J/LcGYH8BBZ5d+9nEWVAfUiJ0VT3Na4lZy+thbQK6EjlbyzYlYK0+703+qN1/+WyCMss6KYexlDi02+5nk/mZPeYq2o8gm1McTEu382+eEaLvE7x+UCoUkqEflrTn3Ivo3T96GWoFlAZGUk4zccSJvh/1+n0UmdYBCKhimWoCitDZRYoOJNmhhGRcQVuHsBtDvSH7oybAD4zV8Sv9dzXmHpUHaN6PDMpxUOcKpk1xj8qn2EqUkFuoHkMuU7/PMpMJCAMkId8zJlEyLqdSMm5Wv2sZ+3s0mT/J0AXsexj2ckE/FysgzBKr4GrGdofjbfpzkQAC1lfrHcjDyEVtAo3ZzGwCCHoDpB9E9LVauLeIBdNmfKYSQNCbCEJXj9e2CaaNzagJcEtbl/oPIUn/16ZNsGU2U0+AW9oK+C5ksKVdFmzZ2FAJ2AJY/jFE0Iv0tbSvQWaqDPU1OFNBVpGZu4NQVTBt5pSAU20M14jNKSXg6BoJpk0YRxc4V3+E5bE21nNuc0yx568hduqLCeg55Po5D6yO/k8oHCT4P6SYJyC0IiE6lV2J6Ow9E/d3IccG/TPo/In8QsDHy/T/A5JgQXKsfBsMAAAAAElFTkSuQmCC") no-repeat 50%;background-size: 48px 42px;
    position: absolute;
    bottom: 16px;
    right: 16px;
    z-index: 2;
    cursor: pointer
}

.videoIndex .ca-featuredVideo .ca-featuredVideoList ul li:nth-child(4n) {
    margin-right: 0
}

.videoIndex .ca-everySearch {
    width: 1200px;
    margin: 62px auto 72px
}

.videoIndex .ca-everySearch .ca-everySearchList {
    width: 100%;
    overflow: hidden;
    margin-bottom: 32px
}

.videoIndex .ca-everySearch .ca-everySearchList li {
    float: left;
    width: 290px;
    height: 120px;
    margin-right: 10px;
    position: relative
}

.videoIndex .ca-everySearch .ca-everySearchList li img.ca-searchImg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1
}

.videoIndex .ca-everySearch .ca-everySearchList li span.ca-maskBox {
    position: absolute;
    left: 0;
    top: 0;
    width: 290px;
    height: 120px;
    background: rgba(0,0,0,.2);
    z-index: 2
}

.videoIndex .ca-everySearch .ca-everySearchList li span.ca-textTitle {
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: 25px;
    bottom: 17px;
    z-index: 3
}

.videoIndex .ca-everySearch .ca-everySearchList li:last-child {
    margin-right: 0
}

.videoIndex .ca-everySearch .ca-searchKeywords {
    width: 100%;
    margin: 16px auto 0
}

.videoIndex .ca-everySearch .ca-searchKeywords li {
    display: inline-block;
    padding: 7px 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 12.5%;
    float: left;
    padding-left: 1.25%;
    padding-right: 1.25%
}

.videoIndex .ca-everySearch .ca-searchKeywords a {
    color: #5e5e5e;
    font-size: 14px;
    margin-left: 30%;
    border-bottom: 1px dashed #5e5e5e
}

.ca-licenseType {
    width: 100%;
    background: #f9f9f9;
    padding-bottom: 140px
}

.ca-licenseType .ca-licenseTypeTitle {
    width: 100%;
    height: 128px;
    text-align: center;
    line-height: 128px;
    font-size: 24px;
    color: #333
}

.ca-licenseType .ca-licenseTypeCon {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    padding: 31px 78px 120px
}

.ca-licenseType .ca-licenseTypeCon .ca-typeTitle {
    font-size: 16px;
    color: #333;
    font-weight: 600
}

.ca-licenseType .ca-licenseTypeCon .ca-licenseFit {
    width: 1050px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    margin-top: 11px
}

.ca-licenseType .ca-licenseTypeCon .ca-licenseFit .ca-col {
    width: 100%;
    height: 47px;
    border-bottom: 1px solid #e9eaea
}

.ca-licenseType .ca-licenseTypeCon .ca-licenseFit .ca-col .ca-licenseCell {
    width: 100%;
    height: 100%
}

.ca-licenseType .ca-licenseTypeCon .ca-licenseFit .ca-col .ca-licenseCell .ca-row {
    float: left;
    width: 130px;
    height: 100%;
    border-right: 1px solid #e9eaea;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ca-licenseType .ca-licenseTypeCon .ca-licenseFit .ca-col .ca-licenseCell .ca-row .ca-rowTit {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    text-align: center
}

.ca-licenseType .ca-licenseTypeCon .ca-licenseFit .ca-col .ca-licenseCell .ca-row .ca-twoLink {
    font-size: 14px;
    color: #333;
    border-bottom: 1px dashed #838383
}

.ca-licenseType .ca-licenseTypeCon .ca-licenseFit .ca-col .ca-licenseCell .ca-row .ca-admission {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../public/images/video/ca_success.png) no-repeat 50%;
    background-size: 16px
}

.ca-licenseType .ca-licenseTypeCon .ca-licenseFit .ca-col .ca-licenseCell .ca-row .ca-noAdmission {
    background: url(../../public/images/video/ca_error.png) no-repeat 50%;
    background-size: 16px
}

.ca-licenseType .ca-licenseTypeCon .ca-licenseFit .ca-col .ca-licenseCell .ca-row .ca-num {
    font-size: 14px;
    color: #333
}

.ca-licenseType .ca-licenseTypeCon .ca-licenseFit .ca-col .ca-licenseCell .ca-oneRow {
    width: 395px;
    padding: 0 12px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.ca-licenseType .ca-licenseTypeCon .ca-licenseFit .ca-col .ca-licenseCell .ca-sixRow {
    border: none
}

.ca-licenseType .ca-licenseTypeCon .ca-licenseFit .ca-oneCol {
    height: 79px;
    background: #f9fafb
}

.ca-licenseType .ca-licenseTypeCon .ca-licenseFit .ca-twoCol {
    height: 54px
}

.ca-licenseType .ca-licenseTypeCon .ca-licenseFit .ca-tenCol {
    border: none
}

.ca-licenseType .ca-licenseTypeCon .ca-desContent .ca-oneDes {
    margin-top: 12px;
    font-size: 14px;
    color: #666
}

.ca-licenseType .ca-licenseTypeCon .ca-desContent .ca-twoDes {
    margin: 20px 0 0 20px
}

.ca-licenseType .ca-licenseTypeCon .ca-desContent .ca-twoDes .ca-mainDes .ca-detailDes {
    height: 20px;
    line-height: 20px
}

.ca-licenseType .ca-licenseTypeCon .ca-desContent .ca-twoDes .ca-mainDes .ca-detailDes span {
    float: left
}

.ca-licenseType .ca-licenseTypeCon .ca-desContent .ca-twoDes .ca-mainDes .ca-detailDes .ca-desNav {
    width: 6px;
    height: 6px;
    background: #575757;
    border-radius: 100%;
    margin: 7px 9px 0 0
}

.ca-licenseType .ca-licenseTypeCon .ca-desContent .ca-twoDes .ca-mainDes .ca-detailDes .ca-desTit {
    font-size: 14px;
    color: #666
}

.ca-licenseType .ca-licenseTypeCon .ca-desContent .ca-threeDes {
    font-size: 14px;
    color: #666;
    margin-top: 14px
}

.ca-licenseType .ca-licenseTypeCon .ca-noticeCon {
    margin-top: 12px;
    font-size: 14px;
    color: #333;
    line-height: 20px
}

.videoDetail {
    width: 942px;
    margin: 0 auto
}

.videoDetail ul.ca-locationPosi {
    width: 100%;
    margin: 16px auto 0;
    height: 20px;
    line-height: 20px
}

.videoDetail ul.ca-locationPosi li.ca-locationRow {
    float: left;
    font-size: 14px;
    color: #999
}

.videoDetail ul.ca-locationPosi li.ca-locationList {
    float: left
}

.videoDetail ul.ca-locationPosi li.ca-locationList a.ca-listCon {
    float: left;
    font-size: 14px;
    color: #999
}

.videoDetail ul.ca-locationPosi li.ca-locationList a.ca-videoSelected {
    color: #2a2a2a
}

.videoDetail ul.ca-locationPosi li.ca-locationList span.ca-listGuide {
    float: left;
    margin: 0 5px;
    font-size: 14px;
    color: #999;
    text-align: center
}

.videoDetail .ca-videoTitle {
    font-size: 20px;
    color: #333;
    line-height: 28px;
    font-weight: 600
}

.videoDetail .ca-videoSpecific,.videoDetail .ca-videoTitle {
    width: 100%;
    margin: 16px auto 0
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft {
    width: 425px;
    float: left
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft .ca-videoPlayArea {
    width: 100%;
    height: 240px;
    position: relative
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft .ca-videoPlayArea .ca-videoDetailShow {
    width: 100%;
    height: 100%
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft .ca-newsClass {
    padding: 13px 11px 13px 15px;
    font-size: 12px;
    color: #fff;
    background: #e71d36;
    margin-top: 10px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-someAction {
    width: 100%;
    height: 36px;
    border-bottom: 1px solid #e5e5e5
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-someAction li.ca-action {
    height: 36px;
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-someAction li.ca-action span.ca-iconImg {
    float: left;
    width: 13px;
    height: 13px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-someAction li.ca-action span.ca-iconImgOne {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAGNTO3gAAAABGdBTUEAALGPC/xhBQAAAf1JREFUOBHNVL1KA0EQzu5dDGqhhRaCaCl4lUXwBUSwEIT8YRFIYxWClYWVNoKFhZV2PkB+tEnhC4iCreYBUqTQSsQoeMn5zXK7zF3M5QgWLoSZ+eab2ZmdySUSOJlMxiMpcrmc1e/3XSnlFAHGo428DcokrAVZq9U+Pc/7sJTP5zqO89pqtR4FgTot6ci4RvL3k81mmwG2T5vjdElX40ZJoF9GQqLcPdhpAqF3SaqDnNc8p8YDUtWpEUQ8IP862UKIcr1ev9A+dak2oqTI5/M7vV7vJoqUTCaXzNUo8hzkfR6A59rCA99yzOgIuEetJwbwFQHHF/RU2MFtNFYzV5ODv1Gj0Qj4Ynf990TaRVo0dfhgzW7CQztoY2Tv+Jk99GPMNqDjNrBl1RnvVhNJgvSGec8qXTvCZJC+QZrQftM1arI1SJKTOK70YrE4Hc48QBoF0KzVfzaKSOMMzJOT+bZzHE0GNp/7SDdNhx3j2v8/ocBbPWPFVsdtkcWdYiiHEgviACzhN3KKLJirL7Ztr1AyAgNTRrVHqPaYsyP0rmVZm9Vq9Y5zAgnJgYT0DFdQS2SHD9amD84uKqqGfWQPJNSkSqWS6nQ6TdgbGkOyAzzRmbbHkviAzOBjvB03WBQKhTRamI8bMIyHHE/4MrVt13UbIC0OI8bF8RyX4JZ/ACFHuMap3frsAAAAAElFTkSuQmCC") no-repeat 50%;background-size: 12px 11.5px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-someAction li.ca-action span.ca-iconImgTwo {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAs1JREFUSA2tlkloU1EUhvuSOKWEuBEpSloEh0WrKwcyNThBQOjG7KRF0biw4FK7URxwqa1WXLhQcC00FSyV2EWTKAipRc1AN60tdNnaZpWWJn6n5IYmzXtJmgQu977/P/f/z7nDy9Namvhzu929uVzutqZpXfl8fg7pkN1ufzo2NpbVmuXjcrmGEb9TQW8KM6e5AlE35PF4LlDJsM7Etmw222LSIeuCMempMqGnKUaYnDAyYs86LEYB1bju7u7T6+vrD9mbS0ax8L93dBjY+HMIP0DAb2SgOJPJ1FtXRV6v17mxsSEVXFYi0rM0GbARhldp+wRTP7jhaDT6oVhRMBjclU6nO9nYDoISkDMqmPvhRkgMLiqs0K+S7avW1tbn4+PjSyRylPl9xHXS/losltDk5OSExG4asRQexu8hjxQEJMsw4zdgcjfOK7zQr8AP0QZJaLmMq/iokewxspiGLSm5UjTCyxgPWa3WwXA4vFIpRg+zMPFZDSZLLNELm832ktfJqp6YES6HwWkUADdFJT6WKFMlzpCu5cL+i8ViDZlIBmL03TAVDoLT6fzBXl6pEmdIa5y44+zTT6KqHgZiZBkfUeGooWoFcvN4c/69XMR3GBaPN7ETHIAvYHdpbVvnYjZNexyJREbo81s5vXHJhU2lUl1yYTFII5KUST6fb+/a2tothvdohwRTP0x+EfuES/lRDOWqkNQ1+FP0c2azeRSdrxJfNFKT9Xq/378nk8ncJJH7xBwui/uD0SepHty6lQN/zVL312ykJgcCgd2Li4s3eB5A2KFwo56qe+s2UoLybkwmk9epcACsQ+E6/bcdGylBMUwkEhGqO6uw8p7lyzT8zRCPx3MOh+Mk4rpGcDO1vBnKE9z2zB6EtoGlQKjhikRvfn5+lqoOMDxTqr/5JJ9bfU0xErmFhYXP7e3ts+zVQfZkP5D8cb4VE/mA/A+BaRhaMa6f3wAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 13px 13px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-someAction li.ca-action span.ca-iconImgThree {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAYAAAGThd1TAAAABGdBTUEAALGPC/xhBQAABMZJREFUSA2Vln9I3GUcx+/7PU/PH0sRnBvZpsLq0nSSEBar2f4YSItKUc9fd0rEGPlHRQsCa6wRIxaNwop+DDp/y40ybAoJzVpl/iE40XINl6Y1canTlnf+uuv1+er3i3e7K/fA957n+Xzenx/P+/N5Hs5kYlRWVv5dUVHxjaxNVVVVK9qCH6fT6dfWaM/l5+cnaBvgD8qivLz8DU1g/ADLkg1zv6moqMgG5CkR4HRVZhmY/6qOj4+Pqar6qggaGxstMpeVlWX6fD63IhsZJSUlj0dERNjNZvNhQGki05S4uAryXa/X2xEXF3e1oaEh2lRTU6MlW1BQEEUCmmuANyJWV1cvi2l3d/cy02lZz87OphBfzZbN1pGcnOzV9tXV1RtnZ0f6vq0gLZbD4TAAWlYc9oOoqKhja2trv/j9/gXSzltfX1+IjIyMX1lZmUY2huxhPPkHBwfjFbIcURQltqmpKTXAfYgNpchEPKzipQejXSEwt4k4+WGwG6RxiDTCX0P4RXNzc2Ewuri4eFdsbOx1iP0OQg8aZRAgygMwfQnGG1pbW50424nnScBXSN+gMcBIj1BaWnokOjq6EzImqeMeXa7PhhEMvonXV1D0wVil2+3+na44Stpv8V0nur29vV2rppKdnR2bk5OzAFghjT7mdKjeDf03cZJAtH7ISkB23/Ly8vstLS21inQOZY/ngDv18EQ4TpudxvsOInpEbrfbnyHlzxcXF+9X5BrgNRPWftaNNmdJ3egCkRFgnKi3VNnMzc2NyRw0Agw2dZLyvSo/psTExNogg3BbG6R8qJL3KQ75tn77wqFJ7QcMIoeHh19W29raXoehixaLZUgqH8oIg/MQ8wi6fQMDA6tGnYj0I57yYCexo6Pjpm5M/T4lk2c9Hk+OUSddKTMeBzHMoF4pdMIM1LusVquDnnyMNrqkY41IuoB++w1yUkn5EyI8R0EPUdCLul7m24xESMRJzpBCOz2BQZfItg7DCBLiANbwHSfFeyjiVpy2Ju1+GuE1MvGDOUknCTkBQ0oIZoL5DJVx0VG3BCAXV4GgYzExMXM8E++xl6epbmlpKd3lcpmZo/jyOeI5HO8H8zVHlcuei8PPIPXQzMyMdRO7D9sT6CJJpJ5WnZWLInEUercO41Nku8Z3lraVGxVy5ObmWjIyMupQmimIvOfG6x9sAJVnkL1IQDN01im8gB4ysJLx5ampqbze3t6NtzPY8g73lCKarugTFmDJq3KKyU0fdyUlJe29Q39h4dAqdd4hAImhwnEVghs0QRoZXODl2h/WepsKWvcBav4VPtPxPUvrOrWu45iJFNjFFTyCQrqmb35+vqyrq2tim741GH72kGwzZTkgAk7SjR9HZ2fnX0Z7i6KwsHAvL7yLTA4CEqB7enr6hZ6enj9FH25Q+N0keJYApXyS6PfU3Ml9uqbbBATShbT7Qxi0EzAVo3W+d0ZGRk4ODQ39o2Nklqc8KyvrBAV/CayZ1p7gk7f+p604WYcMpIPI9FE68mOC2kSGk6bR0VG5FyabzfYRVFfKmuyvcDmPcjm/lX2o8Z+BdAMu3dM4rSfg3ZxOE3MCCfAH++eh6EsdG27eViDdmP9ET3K566mdj0tYywku6Lr/m/8FtetQRdMxQjsAAAAASUVORK5CYII=") no-repeat 50%;background-size: 13px 12px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-someAction li.ca-action span.ca-titDes {
    float: left;
    font-size: 12px;
    color: #333;
    margin-left: 5px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-someAction li.ca-action .ca-share {
    display: none;
    width: 102px;
    background: #fff;
    border: 0 solid #c9c9c9;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    margin-top: 6px;
    margin-right: -51px;
    z-index: 39;
    position: absolute;
    top: 20px;
    right: 24px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-someAction li.ca-action .ca-share a {
    display: block;
    width: 102px;
    height: 36px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAPRJREFUKBWVkjFqQlEQRVVIp6lt0gWyDxegRbYguA4bSZ0VZAHZgoW9oGDKCA/sRbCxUs/5+GT+41t44fLmzsx9f5j/Wq06esgpXMHjjcbmrDViQDbBywNas6cGE2f4yJTz9tzNjpAK0w/6Hb7BGcxGzwSrsZ0/FpboDoz4RcSeqQ2j2EG8gI4UMY+CeKh2e/G2sckCH+jYo6dmPKBfTRboovcwm4+Oug1Nf8T9oHPoZessOP+Ny+XsyL1YuKHNuYEnmL+op1ptCslvYr/6CSfQX/IFsykR31+RP/XpB4CnguYE883lac2eRjiC87sIVy4bH/kVKYxn1ONm5mIAAAAASUVORK5CYII=") no-repeat; 11px;text-indent: 33px;
    line-height: 36px;
    font-size: 12px;
    color: #333;
    padding: 0;
    margin: 0
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-someAction li.ca-action .ca-share a.weixin {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAASlJREFUKBWN0rFOwlAUxnEUIwR1MUxMBgObQRMWExOrg45uvAQv4AYsvACvAAMrg0/gZCKa6CZanBgICYiJcVH/36UHC0jil/xub8/taW+bRiKz2eS0hFsMMUIbqmntzxxTfcH3Ej51DzNR0xeWNVld15xYp7ZgT9L2qiigiBtYkx19am7bpWBxwDGNPJRdxNGANdmxvErxAkodenJKJ2Qb+2jiEeG4Hn053akWXmF+hGSodsb8A7r2TXVr7DPPqkBiyCEDbdnDOnRzNY7XGJ5xAN39Ei1E0cETFF2j6NUUd15mYi/9GZpfMU/AcsjkHbq2ssKgT/uAHcynR+EaG9AuzvGKPbh4jP/9AU4nLb+j/ggftu35Y5e1hSZqLluMFdxhHLgPalqb5gep4mNqFijRggAAAABJRU5ErkJggg==") no-repeat; 11px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-someAction li.ca-action .ca-share a.weibo {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAS1JREFUKBWF0r1Kw2AUxvH6sWl1MBZKS4N0cXFzEByE4CZFcOpcOncSnOPiHSgqDp3cvARFb0BBXEqtEcHFj6oRBy3G/xPyBqONPvBL0vOe0+ZNmskkk+WjizP4kVPO67DQNw5VD0GKZ+orSERDn0gbMnX1xMO6Pe+PoSPW9vAa9eiXrUEOq7DxPWrejQrjnO9RxQfG0BjmsAyTHhd1NDGEHC5wjjkcYxGVAQ56eqNQ1rCPGsq4wRYO8IICpqHbDge1+TuUcIslFHGCFibxCPWJrz1eQnnABN6xAH1rFx1o7Q0mbe0jDzVaaGMTI5iF9raBbczDZEd71OtQgx1Vrzgf4glT0MPQkzS55mLGfHC40MsN/qEe9Saigoe0Ya39GqIWRrft4uefXDWtxfkCuy5n1f72RgAAAAAASUVORK5CYII=") no-repeat; 11px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-someAction li.ca-action .ca-share a.qqzone {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAcRJREFUKBWVks1LYmEUxu9NRQ2jqMBEQ9CYaROBughc9EHQploFwUAE8w/Uoj+g1axaTNugFi3aFSRBEObOhYJGFEUkhkK6iJhFC3UuV/udVy99rTpw3uc95zwP57wfuvbO4vF4T71e3yC12Gq1RqSk63oBSLhcrq10Ov0iOTG9DZoWiURm2O/hQSv3CUvEv/P5fEryStgRJa1YCtgl3frpPNwO1dpinRWxLuPVarUrEh86IZpDJLkdJXlbSm63e6yrc6bPoutcLnfm9Xr34T+9adQuKBqbz+f7SzhEhzSYAI/w7Uql8lgoFMxAIHBB5zty97i9w+2VTRgXK4XD4XXQVi6Xg7FYbKrZbE4ieuBMf6LRaDe1EyGSG+mSjRjBr2KxeIjbM5nMPamfuOHxeA4QDVJP4tPCFZNRl8EhFWnaKOP88/v9E5AC5JKGYXjATXweVwbnxs5yDGncSrK/4GJSICVdrl9j7HPiVYsDJr48h9PpHGg0Gj8QbUN+djgca6ZpOjmvPJmYeo4PHwCyCfmU4oKisJAzAJlqCZQJ2h+AjbLvfjmbJaxWqw+hUGiXsaRDHy6X8h+/pesOv2Ulm83eESt7BbyUxwmPXNtBAAAAAElFTkSuQmCC") no-repeat; 11px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-someAction li.ca-action .ca-share a.flowers {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAUpJREFUKBWdUr2OgkAQHjhsSEhobImGntIngI6OwsSSF9LCQloKSp6AhDeADhJotEA7NQF/EjnmdjfZjdxV3ibDzH5838zs7kgA0BP7IvbJQvkT9jtX4ZvJZAKLxQI0TYPH4wFVVcHpdAJFUcA0TVBVFeq6hq7ruIS1ivP5HPu+F7bZbDCKImzbVmCu6yJRURtExev1KjIFQQDL5RKm06nAaHC/38VenPFyuUDTNPB8Pll7v0WICFmW/RVSJE1TKIoCHMcRBB7EcTw6n6hICev1Gvb7PRiGwfnMH49HdlmWZY1w+o780Oh5nriMw+GAu90Ot9stw1arFecNNMNIKMsy2raNYRhinuf4er1EIt/3hXDUKs0yDAMkScLaLssSzuczhdm63W48ZH5UkSA8K/OSJOFsNkMyHKjrOv83SIT4r1mlA/DN6n72wR9nPL93RFkOXwAAAABJRU5ErkJggg==") no-repeat; 11px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-someAction li.ca-action .ca-share a:hover {
    text-decoration: none;
    background: #e0e0e0 url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAPRJREFUKBWVkjFqQlEQRVVIp6lt0gWyDxegRbYguA4bSZ0VZAHZgoW9oGDKCA/sRbCxUs/5+GT+41t44fLmzsx9f5j/Wq06esgpXMHjjcbmrDViQDbBywNas6cGE2f4yJTz9tzNjpAK0w/6Hb7BGcxGzwSrsZ0/FpboDoz4RcSeqQ2j2EG8gI4UMY+CeKh2e/G2sckCH+jYo6dmPKBfTRboovcwm4+Oug1Nf8T9oHPoZessOP+Ny+XsyL1YuKHNuYEnmL+op1ptCslvYr/6CSfQX/IFsykR31+RP/XpB4CnguYE883lac2eRjiC87sIVy4bH/kVKYxn1ONm5mIAAAAASUVORK5CYII=") no-repeat; 11px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-someAction li.ca-action .ca-share a.weixin:hover {
    background: #e0e0e0 url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAASlJREFUKBWN0rFOwlAUxnEUIwR1MUxMBgObQRMWExOrg45uvAQv4AYsvACvAAMrg0/gZCKa6CZanBgICYiJcVH/36UHC0jil/xub8/taW+bRiKz2eS0hFsMMUIbqmntzxxTfcH3Ej51DzNR0xeWNVld15xYp7ZgT9L2qiigiBtYkx19am7bpWBxwDGNPJRdxNGANdmxvErxAkodenJKJ2Qb+2jiEeG4Hn053akWXmF+hGSodsb8A7r2TXVr7DPPqkBiyCEDbdnDOnRzNY7XGJ5xAN39Ei1E0cETFF2j6NUUd15mYi/9GZpfMU/AcsjkHbq2ssKgT/uAHcynR+EaG9AuzvGKPbh4jP/9AU4nLb+j/ggftu35Y5e1hSZqLluMFdxhHLgPalqb5gep4mNqFijRggAAAABJRU5ErkJggg==") no-repeat; 11px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-someAction li.ca-action .ca-share a.weibo:hover {
    background: #e0e0e0 url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAS1JREFUKBWF0r1Kw2AUxvH6sWl1MBZKS4N0cXFzEByE4CZFcOpcOncSnOPiHSgqDp3cvARFb0BBXEqtEcHFj6oRBy3G/xPyBqONPvBL0vOe0+ZNmskkk+WjizP4kVPO67DQNw5VD0GKZ+orSERDn0gbMnX1xMO6Pe+PoSPW9vAa9eiXrUEOq7DxPWrejQrjnO9RxQfG0BjmsAyTHhd1NDGEHC5wjjkcYxGVAQ56eqNQ1rCPGsq4wRYO8IICpqHbDge1+TuUcIslFHGCFibxCPWJrz1eQnnABN6xAH1rFx1o7Q0mbe0jDzVaaGMTI5iF9raBbczDZEd71OtQgx1Vrzgf4glT0MPQkzS55mLGfHC40MsN/qEe9Saigoe0Ya39GqIWRrft4uefXDWtxfkCuy5n1f72RgAAAAAASUVORK5CYII=") no-repeat; 11px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-someAction li.ca-action .ca-share a.qqzone:hover {
    background: #e0e0e0 url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAcRJREFUKBWVks1LYmEUxu9NRQ2jqMBEQ9CYaROBughc9EHQploFwUAE8w/Uoj+g1axaTNugFi3aFSRBEObOhYJGFEUkhkK6iJhFC3UuV/udVy99rTpw3uc95zwP57wfuvbO4vF4T71e3yC12Gq1RqSk63oBSLhcrq10Ov0iOTG9DZoWiURm2O/hQSv3CUvEv/P5fEryStgRJa1YCtgl3frpPNwO1dpinRWxLuPVarUrEh86IZpDJLkdJXlbSm63e6yrc6bPoutcLnfm9Xr34T+9adQuKBqbz+f7SzhEhzSYAI/w7Uql8lgoFMxAIHBB5zty97i9w+2VTRgXK4XD4XXQVi6Xg7FYbKrZbE4ieuBMf6LRaDe1EyGSG+mSjRjBr2KxeIjbM5nMPamfuOHxeA4QDVJP4tPCFZNRl8EhFWnaKOP88/v9E5AC5JKGYXjATXweVwbnxs5yDGncSrK/4GJSICVdrl9j7HPiVYsDJr48h9PpHGg0Gj8QbUN+djgca6ZpOjmvPJmYeo4PHwCyCfmU4oKisJAzAJlqCZQJ2h+AjbLvfjmbJaxWqw+hUGiXsaRDHy6X8h+/pesOv2Ulm83eESt7BbyUxwmPXNtBAAAAAElFTkSuQmCC") no-repeat; 11px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-someAction li.ca-action .ca-share a.flowers:hover {
    background: #e0e0e0 url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAUpJREFUKBWdUr2OgkAQHjhsSEhobImGntIngI6OwsSSF9LCQloKSp6AhDeADhJotEA7NQF/EjnmdjfZjdxV3ibDzH5838zs7kgA0BP7IvbJQvkT9jtX4ZvJZAKLxQI0TYPH4wFVVcHpdAJFUcA0TVBVFeq6hq7ruIS1ivP5HPu+F7bZbDCKImzbVmCu6yJRURtExev1KjIFQQDL5RKm06nAaHC/38VenPFyuUDTNPB8Pll7v0WICFmW/RVSJE1TKIoCHMcRBB7EcTw6n6hICev1Gvb7PRiGwfnMH49HdlmWZY1w+o780Oh5nriMw+GAu90Ot9stw1arFecNNMNIKMsy2raNYRhinuf4er1EIt/3hXDUKs0yDAMkScLaLssSzuczhdm63W48ZH5UkSA8K/OSJOFsNkMyHKjrOv83SIT4r1mlA/DN6n72wR9nPL93RFkOXwAAAABJRU5ErkJggg==") no-repeat; 11px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-someAction li.ca-sharebutton:hover .ca-share {
    display: block
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-videoAttr {
    width: 100%;
    margin-top: 16px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-videoAttr li.ca-videoDpeciAttr {
    font-size: 14px;
    color: #333;
    line-height: 1;
    margin-right: 22px;
    margin-bottom: 16px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-ownerShip {
    width: 100%
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-ownerShip li.ca-videoShip {
    width: 100%;
    height: 18px;
    margin-top: 9px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-ownerShip li.ca-videoShip span.ca-shipName {
    height: 18px;
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 18px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-ownerShip li.ca-videoShip span.ca-shipIcon {
    float: left;
    width: 18px;
    height: 18px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAYAAAFJtetpAAAABGdBTUEAALGPC/xhBQAABWRJREFUWAnVV11oXEUUPjO7m2x276Ya27S1KUbTVoqtCUmI+lakJT+mtEjF16YiVsUWhYogKFKf/EHwB+mDWpUKNYjFh2yifWlBRJpsrIEQq/iDIamtxpK9d/OzuzOeM5vZndm9m13jkxd25/x858y5M3POmQuw8rhj3X8QGaS/5Gi3DK7fjyNIRhopoREY6mSG9DmExIeQOUnxvzvWc3ZxvH87yVkxjOfRPKLIgkCkyOB4HqAJRkQq0XsoK8SgFuox1jnCOM2olU7HsNLpkQJgFE46m76iraKtZ8G7/LBmQU1BXHG4FFCsc/jNPEAmejd4Qoyh4nunc7hfu1CAUmuEMfYqxvIsN5W8rhkgEFPGuJYniDCWipzZi8uAXS2s1IpSvyJZS5CbDAD5qwFcF9Kph3P+CA9A4F4tCG18UJNqjLbH31dv4Sa690oBX5laWmaTL0tbqNR3/VuymfR0WTQqKKRI59C3GqMcVGOoDfTIOOxz2kfOM9oiV4hrWqHHaNtnkJm7CJm/L0K45QVYmj4FmT9zp0VjcIUOMne053dczyYtVCMLYRrEQKbnFEs7WLfzHfASD1gwYmgfLpdIZTpvTBsnlmZ9jXHj5tUamOelxNkqApURpCeCTt8qWFvF2AW9z9Y2apQ33n1AZtm7uDabczI2zzl7mk6OxujR14E71jcAMnsUk6INpJzEpTrjdMZf00bmaDlIjvZ8imf8IRNg0vial3BRuyyZZjALFjHJajW/2qjfnzAqnfAszFZrTEaIXymU6ACPcRclJinsh0Pw5j0QqO+wxcghPuAmep4hBRfZzDfFCBZqAKdjCNcvDTyyA2n7CBNeCvk6jUEM3a4KKIzsOg3exGGQy1chC19D6Jb7sVhsUjwZmU+JMSlTk49ZYB7eiu1h3rRT9MJ4T7OvA4lnXz+UiVlvCkCVfy3NjYzxGtWWbHGBCzUeBBZaDwtTxwpCgwq3DV1Z1UFN06NlsrDghWN7KLSKglxRfvmvIZzB20Sro4yncAl3o0Yr9Ujbl5o6DsL7QYvyoz6N+Vz4NzXBWcfDbHt8ibzlHRCDkfyKkdxGtP/Dktjz6k2dtY0YcrOzsT7CGHxggjCtv3A4byw2tjBrZaxX8HNCySYymZP4snv9jr2fDbbVCcnky0778CDWELvnFhn4BpAa7btHgDjnn+VFHiqwGMAy/h73K6dkagWgJmbiAr5pVYWtwtylas6Pxdrjb5mKfACVyrFp9F9oXI3fovXsTusYu6PdX+JG7avGMau9FcLNJyDg7LTgMuvB8szHkL52zpKXYebwtDexrYMLeCXuG5AyW9Lu/Axrb38OQg17YGnmI0jPfmJBuLMb6na8Alj68CJ6yNL5MZRqTsfIEa7apx+iSEYFnSYXi9MlkxNUuBMgFn7BO42DXWRbkXUpi98BA/LH3trgSu8uRRRJqLuY909LjR8U4W0vQSByB6Svx7H0/2SpyzELXqA1mLs4QFs5UCV5uOVFCN50H2TmE+COH8ClUCWykpnS14XqJrGf8DNotaYA6MoYiLRgC30Cl//nqibNg7C8srsGXZWGmAUTmAW78spqCB6G0Ib92KtvQOYv635f0RonTUc538La49dVM4h2DN+N+XmpoqUBYMF1+NWzGwJRSsd8OTEQ5UiWlKFIE01OCNXScXKq111eoveIEOK9cqamnAUiwLEmCPqixQ8GzCZT7Utjj/gQv/QOm0rf0JOJ3qeYkG/QDc4Er5XGFzyN1e+orn6mH98ANIDy1EvKJ/EW+DzKGrS80kh7jIXmlAhGTsZaPy/5gDLtVw3ABJo0Bbboys2SBRs5iBu1oegMnWgT87+h/wErb/5JJxGYSAAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 18px;
    margin-left: 8px;
    cursor: pointer
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-ownerShip li.ca-shipProtol {
    width: 100%;
    height: 17px;
    margin-top: 14px;
    line-height: 17px;
    margin-bottom: 80px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-ownerShip li.ca-shipProtol a.ca-protolLink {
    float: left;
    font-size: 12px;
    color: #666;
    border-bottom: 1px dashed #666
}

.videoDetail .ca-videoSpecific .ca-videoSpecificLeft ul.ca-ownerShip li.ca-shipProtol span.ca-proDivide {
    float: left;
    margin: 0 5px;
    font-size: 12px;
    color: #666
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight {
    width: 462px;
    float: right
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight ul.ca-authorizationClass {
    width: 100%;
    height: 35px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight ul.ca-authorizationClass li.ca-authorizationName {
    float: left;
    position: relative;
    margin-right: 7px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight ul.ca-authorizationClass li.ca-authorizationName span.ca-className {
    display: block;
    padding: 0 20px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background: #f7f7f7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 2px solid hsla(0,0%,85%,.5);
    font-size: 14px;
    color: #333;
    font-weight: 600;
    cursor: pointer
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight ul.ca-authorizationClass li.ca-authorizationName span.ca-selectedName {
    border-top: 2px solid #ffd44d;
    background: #fbfbfb
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight ul.ca-authorizationClass li.ca-authorizationName span.ca-selectedName i.ca-selectedWhiteLine {
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 2
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight ul.ca-authorizationClass li.ca-howSelect {
    float: left;
    width: 91px;
    height: 35px;
    margin-right: 7px;
    text-align: center;
    line-height: 37px;
    font-size: 14px;
    color: #999;
    cursor: pointer
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight ul.ca-videoInfoList {
    width: 462px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight ul.ca-videoInfoList li.ca-infoItem {
    background: #fbfbfb;
    padding: 12px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    margin-bottom: 2px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight ul.ca-videoInfoList li.ca-infoItem span.ca-infoTitle {
    font-weight: 600
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight ul.ca-videoInfoList li.ca-infoItem span.ca-oneItem {
    float: left;
    width: 46px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight ul.ca-videoInfoList li.ca-infoItem span.ca-oneItem b.ca-noSelected {
    display: block;
    width: 15px;
    height: 15px;
    border: 1px solid #5e5e5e;
    border-radius: 100px;
    margin-left: 11px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight ul.ca-videoInfoList li.ca-infoItem span.ca-oneItem b.ca-selected {
    background: #4a4a4a;
    border: 4px solid #f9cf55
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight ul.ca-videoInfoList li.ca-infoItem span.ca-twoItem {
    float: left;
    width: 74px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight ul.ca-videoInfoList li.ca-infoItem span.ca-threeItem {
    float: left;
    width: 195px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight ul.ca-videoInfoList li.ca-infoItem span.ca-fourItem {
    float: left;
    width: 93px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight ul.ca-videoInfoList li.ca-infoItem span.ca-fiveItem {
    float: left;
    width: 53px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight ul.ca-videoInfoList li.ca-infoItem:last-child {
    border: none
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight ul.ca-expansionAuthor li.ca-infoItem span.ca-twoItem {
    float: left;
    width: 120px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight ul.ca-expansionAuthor li.ca-infoItem span.ca-threeItem {
    float: left;
    width: 149px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight .ca-packageList {
    width: 100%;
    padding: 16px 18px;
    background: #fbfbfb;
    margin-top: 28px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight .ca-packageList .ca-packageTitle {
    font-size: 12px;
    color: #333
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight .ca-packageList .ca-packageSelect {
    margin-top: 8px;
    width: 100%;
    height: 39px;
    background: #fff;
    cursor: pointer
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight .ca-packageList .ca-packageSelect span.ca-packageName {
    float: left;
    line-height: 39px;
    font-size: 12px;
    color: #333;
    text-indent: 14px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight .ca-packageList .ca-packageSelect span.ca-drownIcon {
    float: right;
    width: 39px;
    height: 39px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAAG+Fv5aAAAABGdBTUEAALGPC/xhBQAAAMpJREFUGBljNDY2nsDAwJDPCGT8BzIgAMh5DRNAkWEEyYNk2NjYVMEcExOTY////7eE6gRTQEkuZD5Ix19TU9MgmCCKmTBBKD2RCUM7UIaRkfH42bNnC8B2Wlpaqvz69es2VMcboIQoiikgu0B2IgsyNjQ0MG3ZsmU10LVwhyArQGcDrVzn4+MTCrYSJAk0UQRIHQdiFRAfC7gDFLMEOucNSA6uEabQzMzM8t+/f3uBLuAEK2Bk/M7ExOR86tQpkKGEATCwC0AYl0oAUoQ/ApUf9nIAAAAASUVORK5CYII=") no-repeat 50%;background-size: 10px 7px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight .ca-packageList .ca-downTip {
    height: 30px;
    background: #fc002d;
    margin-top: 8px;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    padding-left: 14px
}

.videoDetail .ca-videoSpecific .ca-videoSpecificRight .ca-packageList .ca-downTip span {
    border-bottom: 1px solid #fff;
    cursor: pointer
}

.videoDetail .ca-videoSpecific .ca-downLoad{
    width: 106px;
    height: 42px;
    line-height: 42px;
    margin-top: 20px;
    background: #f3cc47;
    color: #333;
    text-align: center;
    cursor: pointer
}
.videoDetail .ca-videoSpecific .ca-downLoad2{
    width: 106px;
    height: 42px;
    line-height: 42px;
    margin-top: 20px;
    border: 2px solid #999999;
    color: #333;
    text-align: center;
    cursor: pointer;
    margin-left: 20px;
}

.videoDetail .ca-keywordsCon {
    width: 100%;
    border-bottom: 1px solid #c9c9c9;
    border-top: 1px solid #c9c9c9;
    padding-bottom: 32px
}

.videoDetail .ca-keywordsCon .ca-keywordTitle .ca-keywordsTops {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.videoDetail .ca-keywordsCon .ca-keywordTitle .ca-keywordsTops .ca-keywordsTit {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    line-height: 25px;
    margin: 32px 0 22px
}

.videoDetail .ca-keywordsCon .ca-keywordTitle .ca-keywordsTops .ca-btnContainer span {
    text-align: center;
    line-height: 32px;
    display: inline-block;
    width: 96px;
    height: 32px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid silver
}

.videoDetail .ca-keywordsCon .ca-keywordTitle .ca-keywordsTops .ca-btnContainer span+span {
    margin-right: 10px
}

.videoDetail .ca-keywordsCon .ca-keywordTitle .ca-translation {
    float: right;
    border: 1px solid silver;
    font-size: 12px;
    padding: 0 2px;
    border-radius: 2px;
    cursor: pointer
}

.videoDetail .ca-keywordsCon .ca-keywordsList {
    width: 100%
}

.videoDetail .ca-keywordsCon .ca-keywordsList .ca-itemKeywords {
    float: left;
    padding: 3px 8px;
    background: #e8e8e8;
    border-radius: 2px;
    font-size: 12px;
    color: #333;
    margin-top: 10px;
    margin-right: 12px
}

.videoDetail .ca-keywordsCon .ca-keywordsList .ca-viewMore {
    float: left;
    padding: 3px 0;
    font-size: 12px;
    color: #333;
    border-bottom: 1px dashed #333;
    margin-top: 10px;
    margin-right: 12px
}

.videoDetail .ca-simliarVideo {
    width: 100%;
    margin: 64px auto 0
}

.videoDetail .ca-simliarVideo .ca-simliarTitle {
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #333;
    font-weight: 600
}

.videoDetail .ca-simliarVideo .ca-simliarVideoList {
    width: 100%;
    margin: 33px auto 0
}

.videoDetail .ca-simliarVideo .ca-simliarVideoList ul.ca-videoListCon {
    width: 888px;
    margin: 0 auto
}

.videoDetail .ca-simliarVideo .ca-simliarVideoList li.ca-videoItem {
    float: left;
    width: 168px;
    height: 121px;
    margin: 0 12px 23px 0;
    cursor: pointer
}

.videoDetail .ca-simliarVideo .ca-simliarVideoList li.ca-videoItem ul.ca-videoItemCon {
    width: 100%;
    height: 100%
}

.videoDetail .ca-simliarVideo .ca-simliarVideoList li.ca-videoItem ul.ca-videoItemCon li.ca-videoCover {
    width: 100%;
    height: 94px
}

.videoDetail .ca-simliarVideo .ca-simliarVideoList li.ca-videoItem ul.ca-videoItemCon li.ca-videoCover .ca-coverImg,.videoDetail .ca-simliarVideo .ca-simliarVideoList li.ca-videoItem ul.ca-videoItemCon li.ca-videoCover .ca-videoSimilarImg {
    width: 100%;
    height: 100%
}

.videoDetail .ca-simliarVideo .ca-simliarVideoList li.ca-videoItem ul.ca-videoItemCon li.ca-videoNum {
    width: 100%;
    height: 17px;
    line-height: 17px;
    margin-top: 10px
}

.videoDetail .ca-simliarVideo .ca-simliarVideoList li.ca-videoItem ul.ca-videoItemCon li.ca-videoNum span.ca-viewNum {
    float: left;
    height: 17px;
    font-size: 12px;
    color: #999
}

.videoDetail .ca-simliarVideo .ca-simliarVideoList li.ca-videoItem ul.ca-videoItemCon li.ca-videoNum span.ca-favorites {
    float: right;
    width: 13px;
    height: 17px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAYAAAGThd1TAAAABGdBTUEAALGPC/xhBQAABMZJREFUSA2Vln9I3GUcx+/7PU/PH0sRnBvZpsLq0nSSEBar2f4YSItKUc9fd0rEGPlHRQsCa6wRIxaNwop+DDp/y40ybAoJzVpl/iE40XINl6Y1canTlnf+uuv1+er3i3e7K/fA957n+Xzenx/P+/N5Hs5kYlRWVv5dUVHxjaxNVVVVK9qCH6fT6dfWaM/l5+cnaBvgD8qivLz8DU1g/ADLkg1zv6moqMgG5CkR4HRVZhmY/6qOj4+Pqar6qggaGxstMpeVlWX6fD63IhsZJSUlj0dERNjNZvNhQGki05S4uAryXa/X2xEXF3e1oaEh2lRTU6MlW1BQEEUCmmuANyJWV1cvi2l3d/cy02lZz87OphBfzZbN1pGcnOzV9tXV1RtnZ0f6vq0gLZbD4TAAWlYc9oOoqKhja2trv/j9/gXSzltfX1+IjIyMX1lZmUY2huxhPPkHBwfjFbIcURQltqmpKTXAfYgNpchEPKzipQejXSEwt4k4+WGwG6RxiDTCX0P4RXNzc2Ewuri4eFdsbOx1iP0OQg8aZRAgygMwfQnGG1pbW50424nnScBXSN+gMcBIj1BaWnokOjq6EzImqeMeXa7PhhEMvonXV1D0wVil2+3+na44Stpv8V0nur29vV2rppKdnR2bk5OzAFghjT7mdKjeDf03cZJAtH7ISkB23/Ly8vstLS21inQOZY/ngDv18EQ4TpudxvsOInpEbrfbnyHlzxcXF+9X5BrgNRPWftaNNmdJ3egCkRFgnKi3VNnMzc2NyRw0Agw2dZLyvSo/psTExNogg3BbG6R8qJL3KQ75tn77wqFJ7QcMIoeHh19W29raXoehixaLZUgqH8oIg/MQ8wi6fQMDA6tGnYj0I57yYCexo6Pjpm5M/T4lk2c9Hk+OUSddKTMeBzHMoF4pdMIM1LusVquDnnyMNrqkY41IuoB++w1yUkn5EyI8R0EPUdCLul7m24xESMRJzpBCOz2BQZfItg7DCBLiANbwHSfFeyjiVpy2Ju1+GuE1MvGDOUknCTkBQ0oIZoL5DJVx0VG3BCAXV4GgYzExMXM8E++xl6epbmlpKd3lcpmZo/jyOeI5HO8H8zVHlcuei8PPIPXQzMyMdRO7D9sT6CJJpJ5WnZWLInEUercO41Nku8Z3lraVGxVy5ObmWjIyMupQmimIvOfG6x9sAJVnkL1IQDN01im8gB4ysJLx5ampqbze3t6NtzPY8g73lCKarugTFmDJq3KKyU0fdyUlJe29Q39h4dAqdd4hAImhwnEVghs0QRoZXODl2h/WepsKWvcBav4VPtPxPUvrOrWu45iJFNjFFTyCQrqmb35+vqyrq2tim741GH72kGwzZTkgAk7SjR9HZ2fnX0Z7i6KwsHAvL7yLTA4CEqB7enr6hZ6enj9FH25Q+N0keJYApXyS6PfU3Ml9uqbbBATShbT7Qxi0EzAVo3W+d0ZGRk4ODQ39o2Nklqc8KyvrBAV/CayZ1p7gk7f+p604WYcMpIPI9FE68mOC2kSGk6bR0VG5FyabzfYRVFfKmuyvcDmPcjm/lX2o8Z+BdAMu3dM4rSfg3ZxOE3MCCfAH++eh6EsdG27eViDdmP9ET3K566mdj0tYywku6Lr/m/8FtetQRdMxQjsAAAAASUVORK5CYII=") no-repeat 50%;background-size: 13px 12px
}

.videoDetail .ca-simliarVideo .ca-simliarVideoList li.ca-videoItem:nth-child(5n) {
    margin-right: 0
}

.videoList {
    padding: 30px 29px 72px
}

.videoList ul.ca-v1-title {
    width: 100%;
    height: 28px
}

.videoList ul.ca-v1-title li.ca-v1-sortTitle {
    float: left;
    font-size: 20px;
    color: #333
}

.videoList ul.ca-v1-title li.ca-v1-numTitle {
    float: left;
    padding-top: 4px;
    margin-left: 32px;
    font-size: 12px;
    color: #333
}

.videoList ul.ca-v1-title li.ca-v1-numTitle span.ca-v1-shuliang {
    color: #999
}

.videoList ul.ca-v2-sortFilter {
    width: 100%;
    height: 30px;
    margin-top: 30px
}

.videoList ul.ca-v2-sortFilter li.ca-v2-sortBy {
    height: 30px;
    float: left;
    font-size: 14px;
    color: #333
}

.videoList ul.ca-v2-sortFilter li.ca-v2-newHot {
    float: left;
    margin-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

.videoList ul.ca-v2-sortFilter li.ca-v2-newHot span.ca-v2-tit {
    float: left;
    font-size: 14px;
    color: #333
}

.videoList ul.ca-v2-sortFilter li.ca-v2-newHot span.ca-v2-icon {
    float: left;
    width: 7px;
    height: 4px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAAG+Fv5aAAAABGdBTUEAALGPC/xhBQAAAMpJREFUGBljNDY2nsDAwJDPCGT8BzIgAMh5DRNAkWEEyYNk2NjYVMEcExOTY////7eE6gRTQEkuZD5Ix19TU9MgmCCKmTBBKD2RCUM7UIaRkfH42bNnC8B2Wlpaqvz69es2VMcboIQoiikgu0B2IgsyNjQ0MG3ZsmU10LVwhyArQGcDrVzn4+MTCrYSJAk0UQRIHQdiFRAfC7gDFLMEOucNSA6uEabQzMzM8t+/f3uBLuAEK2Bk/M7ExOR86tQpkKGEATCwC0AYl0oAUoQ/ApUf9nIAAAAASUVORK5CYII=") no-repeat 50%;background-size: 7px 4px;
    margin-left: 10px
}

.videoList ul.ca-v2-sortFilter li.ca-v2-newHot ul.ca-va-selectableList {
    display: none;
    position: absolute;
    left: 0;
    top: 20px;
    width: 120px;
    background: #fff;
    border: 0 solid #c9c9c9;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    z-index: 3
}

.videoList ul.ca-v2-sortFilter li.ca-v2-newHot ul.ca-va-selectableList li.ca-v2-itemCon {
    height: 36px
}

.videoList ul.ca-v2-sortFilter li.ca-v2-newHot ul.ca-va-selectableList li.ca-v2-itemCon span.ca-v2-itemIcon {
    float: left;
    width: 25px;
    height: 36px
}

.videoList ul.ca-v2-sortFilter li.ca-v2-newHot ul.ca-va-selectableList li.ca-v2-itemCon span.ca-v2-selected {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAAHEcZzWAAAABGdBTUEAALGPC/xhBQAAAl9JREFUSA3FVU1rE1EUzQTjrNwV3ErATdpoab4WWbkQpBSpxbhw6a9x58rf4CJKKZq6E1wETZOp2qAIQpZS8BcoccZzXuY+73udmdJk0QeTe99955778T5SKmWNRqORGDuUN1mAPBsdrbMGBXpCHagvEFNjlzDNZvMI30tjlJ+U80J5GP7ECQqaKAiCH4x8ormpX8G4y0BAfMD8QAClTqdznQvWIEq3270muhNIjFomSRKgsBj0z7X9jE4gw2WG9NE+MGCy8/n8NAUOoijaoS5smNtUreI5GV8NTMlckdsWF3b+zKaRB0XbpujKzXK5fKOcB6KdrcO3ATUcj8enheBWq3VMJ2zIC8pCMFg3CZpMJo8LwejzhACM/kLgaMG4hsmvarUa9vv9P7IA2aCOXj8SG9N4z8lsNvvd6/WuUgfBR0qM/YVY/JrWYfErpjWaGIGO1P0dNAXCuI61bwQIEB14zbkezqboCD4rnZzWSQSwHmrGpXQnjaUY4NRutx/EcXwnDMOnw+HwJ3lWJsahfIhTYTcZ5f7FAa2tRIwzuYdMX6lKY+jr6Ol3p8kKcK6K3dv1SSuVygZJ6bxUxij/Psr//0ri9qH8Oq4dD6MZNmNksAaHZ3KcBeBLbNSOT4q+3tKk9OH7yAv1Dl+dhnQMcPz3vAtWQuBtkA4EBJngrd8cjUb2T0DWTCvS15Dk5k7JIqQNgI26h56+VWssfwuZflY2qzo9LgjAP8Tb1gsKyt/Co/NJ27TuEMtCQQADQflNlB8JPktmEgswKwDKb6P8sWDyZCGxOKkAT3BOR2K/FPkPNHX2sPTfcRgAAAAASUVORK5CYII=") no-repeat 50%;background-size: 9px 10px
}

.videoList ul.ca-v2-sortFilter li.ca-v2-newHot ul.ca-va-selectableList li.ca-v2-itemCon span.ca-v2-itemTit {
    height: 36px;
    float: left;
    line-height: 36px;
    font-size: 14px;
    color: #333
}

.videoList ul.ca-v2-sortFilter li.ca-v2-newHot ul.ca-va-selectableList li.ca-v2-itemCon:hover {
    background: #e0e0e0
}

.videoList ul.ca-v2-sortFilter li.ca-v2-newHot+li.ca-v2-newHot {
    margin-left: 35px
}

.videoList ul.ca-v2-sortFilter li.ca-v2-newHot:hover ul.ca-va-selectableList {
    display: block
}

.videoList ul.ca-v2-sortFilter li.ca-v2-divideLine {
    float: left;
    height: 30px;
    margin: 0 35px;
    font-size: 11px;
    color: #b9b9b9
}

.videoList ul.ca-v2-sortFilter li.ca-v2-pageTion {
    float: right;
    height: 30px
}

.videoList ul.ca-v2-sortFilter li.ca-v2-pageTion a.ca-v2-arrow {
    float: right;
    width: 30px;
    height: 30px;
    background: #fff;
    border: .5px solid #e0e0e0;
    border-radius: 2px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #333
}

.videoList ul.ca-v2-sortFilter li.ca-v2-pageTion a.ca-v2-arrow:hover {
    background: #333;
    border: .5px solid #333;
    color: #fff
}

.videoList ul.ca-v2-sortFilter li.ca-v2-pageTion span.ca-v2-allPage {
    float: right;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    margin: 0 8px
}

.videoList ul.ca-v2-sortFilter li.ca-v2-pageTion a.ca-v2-currentPage {
    float: right;
    height: 30px;
    font-size: 14px;
    color: #333;
    border: none;
    border: .5px solid #e0e0e0;
    line-height: 30px
}

.videoList ul.ca-v2-sortFilter li.ca-v2-pageTion a.ca-v2-currentPage input.ca-v2-pageIpt {
    border: none;
    width: 30px;
    text-align: center
}

.videoList .ca-v2-searchList {
    width: 100%;
    margin: 30px auto;
    border-top: 1px solid silver;
    padding-top: 10px
}

.videoList .ca-v2-searchList ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.videoList .ca-v2-searchList ul li {
    width: 168px;
    height: 152px;
    margin-bottom: 40px;
    position: relative;
    cursor: pointer
}

.videoList .ca-v2-searchList ul li .ca-posterImg {
    display: block;
    width: 100%;
    height: 94px
}

.videoList .ca-v2-searchList ul li .ca-videoBox,.videoList .ca-v2-searchList ul li .ca-videoBox .ca-topicImg {
    width: 100%;
    height: 94px;
    position: absolute;
    left: 0;
    top: 0
}

.videoList .ca-v2-searchList ul li .ca-videoBox .ui.loader:after,.videoList .ca-v2-searchList ul li .ca-videoBox .ui.loader:before {
    width: 35px;
    height: 28px
}

.videoList .ca-v2-searchList ul li .ca-videoBox .ui.loader:after {
    background-size: 100%
}

.videoList .ca-v2-searchList ul li p.ca-topicVideoTitle {
    width: 100%;
    height: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #333;
    margin-top: 6px
}

.videoList .ca-v2-searchList ul li p.ca-views {
    width: 100%;
    height: 17px;
    font-size: 12px;
    color: #999;
    margin-top: 2px
}

.videoList .ca-v2-searchList ul li .ca-variousOperations {
    width: 100%;
    height: 12px;
    margin-top: 4px
}

.videoList .ca-v2-searchList ul li .ca-variousOperations span.ca-videoEnd {
    float: left;
    width: 12px;
    height: 12px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAAGXcA1uAAAABGdBTUEAALGPC/xhBQAAAe9JREFUSA2tVTtSAkEQ3Vk+JzCSRC8gFzChyggDOICmUFQRmHkGMwOqKEjlABhoioGRGVxAAzHiBFDs+t5IU+PMsDtQbJX2TPfr15/pYVSEr9VqpZR68W+jtfinRKuUmovSIwVmm2JROIB2u/0tRlMqGJ7SNL0xleVyuRJ1Op0LU8k1abcxbOMBhiRJzm0a7nVWkJdxHDd8ANGRANmPiyyhUChU+/3+jEaU9QJdXYDD4VBt1jNUETnJEoyuJwQZYPF3HWiBkyZy2g1bceu6WfhYTYzqdruny+Uy6+BN/EI7rFarD6RRMS32GnWNBoPBrR4vbJpo66cNMvdo6zP277oGeHKT+WFYGuv1euoUbXYGkV9Bdm0yOQ40ZnXKOTg6IEqCvzeu7W9XBC8Rnb0OUkdQDVn5M8LO0DT6vmAH3gekOGcNC8nZxyg6jE7E6y7DN4XhRIxHkgsEqBY5qCRHes2QkQoJjlveQAVjcsdyC/KGO4RYMMJFbu9cCJAyq9++uTF9uc4NIA558yU4WwYHQCUJMv57raJogvO6ssl8++AAqCB4ps1AuQHYZxxW3XcWRzkD+wfMzC5kfVDZIcSC2b7oKPcLyjuZYQHsKzeP9CPaegbOkX5H+Vbh1j2ArCYXb19iwYOUb96kVCrd93q9n1+CmNZNVmkgsgAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 12px 12px
}

.videoList .ca-v2-searchList ul li .ca-variousOperations span.ca-videoStart {
    float: left;
    width: 11px;
    height: 12px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAYAAAGJuT3dAAAABGdBTUEAALGPC/xhBQAAAmZJREFUSA29lT1LW1EYx8+9BqWCEDCTg+BU0Mm5g9+gm/0ACklGoeCauDp3SDL4AeyX0KFzJwOC4NYpBUFQGtrE3//JfQ6n15gYBw/cPG//5/W8JKvX6xchhD2+kIvp9XpZnucnEmyNRqPdDNjYFZE2Go2rvNlsHkgzHo+roQzD2BbK/LMs+x19Q1jFY7kiRbfbrblBHvD70zMK5Tmg+5JjoRJ8ZWQdkGBdSZUIOsz5ORaiSHjo8rOYUSG0JxSvpcRFmUHNWQ9l0AQ6+WWCLewt6phUqxnrS0HOa/aysfpTW3NgmVoZ1GUdkrJsD+g+yU4ZNd+Qa6FQfCSd8YW8hrwCrxluvbwXQv+/Lm0k0mlEGlVqT6ckfrEGqWVbXkVzX9LI4tPo2uu+n+UyUHK6BwuVoWn8JfodQXSGxQ89A7IdOcniF5pGBY8qYzugwV0CXHlUp7KJ1wAqpNWW6+asSjllxVulBgedTueU0/VjCjDIpk82NfiH6LfwNUoSf+9OyPGsGF8MfVg4OE6O6wi/Umc3imJfg2xg16swkE4L/RZk8jJgvOGy7piFH50pAC3YI/TfXZ9SCtKZO8f3Gy213aariu+23ROUNYLZXRFAd8OB86iwqS9BbdAWGEEHIrZDsId5ARO7sNFXsWSzwAS9o50zB1PBJpV8dnkWZdd/pr6M4ivBN/xi/1PwJICO9Qfke/TxaCd2bdIysl6JR2jsEH0Veckrvn5h8w5fsXk6j22C2fLNW+imuvNrqG+ePTDuwHydnUvB2iPvQEZhrI+iXx6FHBw8i+oP4V1HoVNxQUV7s6p6g+3yCfI4YvCsoloFAAAAAElFTkSuQmCC") no-repeat 50%;background-size: 11px 12px;
    margin-left: 4px
}

.videoList .ca-v2-searchList ul li .ca-variousOperations span.ca-videoFavorites {
    float: right;
    width: 13px;
    height: 12px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAYAAAGThd1TAAAABGdBTUEAALGPC/xhBQAABMZJREFUSA2Vln9I3GUcx+/7PU/PH0sRnBvZpsLq0nSSEBar2f4YSItKUc9fd0rEGPlHRQsCa6wRIxaNwop+DDp/y40ybAoJzVpl/iE40XINl6Y1canTlnf+uuv1+er3i3e7K/fA957n+Xzenx/P+/N5Hs5kYlRWVv5dUVHxjaxNVVVVK9qCH6fT6dfWaM/l5+cnaBvgD8qivLz8DU1g/ADLkg1zv6moqMgG5CkR4HRVZhmY/6qOj4+Pqar6qggaGxstMpeVlWX6fD63IhsZJSUlj0dERNjNZvNhQGki05S4uAryXa/X2xEXF3e1oaEh2lRTU6MlW1BQEEUCmmuANyJWV1cvi2l3d/cy02lZz87OphBfzZbN1pGcnOzV9tXV1RtnZ0f6vq0gLZbD4TAAWlYc9oOoqKhja2trv/j9/gXSzltfX1+IjIyMX1lZmUY2huxhPPkHBwfjFbIcURQltqmpKTXAfYgNpchEPKzipQejXSEwt4k4+WGwG6RxiDTCX0P4RXNzc2Ewuri4eFdsbOx1iP0OQg8aZRAgygMwfQnGG1pbW50424nnScBXSN+gMcBIj1BaWnokOjq6EzImqeMeXa7PhhEMvonXV1D0wVil2+3+na44Stpv8V0nur29vV2rppKdnR2bk5OzAFghjT7mdKjeDf03cZJAtH7ISkB23/Ly8vstLS21inQOZY/ngDv18EQ4TpudxvsOInpEbrfbnyHlzxcXF+9X5BrgNRPWftaNNmdJ3egCkRFgnKi3VNnMzc2NyRw0Agw2dZLyvSo/psTExNogg3BbG6R8qJL3KQ75tn77wqFJ7QcMIoeHh19W29raXoehixaLZUgqH8oIg/MQ8wi6fQMDA6tGnYj0I57yYCexo6Pjpm5M/T4lk2c9Hk+OUSddKTMeBzHMoF4pdMIM1LusVquDnnyMNrqkY41IuoB++w1yUkn5EyI8R0EPUdCLul7m24xESMRJzpBCOz2BQZfItg7DCBLiANbwHSfFeyjiVpy2Ju1+GuE1MvGDOUknCTkBQ0oIZoL5DJVx0VG3BCAXV4GgYzExMXM8E++xl6epbmlpKd3lcpmZo/jyOeI5HO8H8zVHlcuei8PPIPXQzMyMdRO7D9sT6CJJpJ5WnZWLInEUercO41Nku8Z3lraVGxVy5ObmWjIyMupQmimIvOfG6x9sAJVnkL1IQDN01im8gB4ysJLx5ampqbze3t6NtzPY8g73lCKarugTFmDJq3KKyU0fdyUlJe29Q39h4dAqdd4hAImhwnEVghs0QRoZXODl2h/WepsKWvcBav4VPtPxPUvrOrWu45iJFNjFFTyCQrqmb35+vqyrq2tim741GH72kGwzZTkgAk7SjR9HZ2fnX0Z7i6KwsHAvL7yLTA4CEqB7enr6hZ6enj9FH25Q+N0keJYApXyS6PfU3Ml9uqbbBATShbT7Qxi0EzAVo3W+d0ZGRk4ODQ39o2Nklqc8KyvrBAV/CayZ1p7gk7f+p604WYcMpIPI9FE68mOC2kSGk6bR0VG5FyabzfYRVFfKmuyvcDmPcjm/lX2o8Z+BdAMu3dM4rSfg3ZxOE3MCCfAH++eh6EsdG27eViDdmP9ET3K566mdj0tYywku6Lr/m/8FtetQRdMxQjsAAAAASUVORK5CYII=") no-repeat 50%;background-size: 13px 12px
}

.videoList .ca-pageAction {
    height: 42px;
    width: 100%;
    position: relative
}

.videoList .ca-pageAction .ca-nextPage {
    width: 500px;
    height: 42px;
    margin: 0 auto;
    background: #c9c9c9;
    border-radius: 2px;
    text-align: center;
    line-height: 42px;
    cursor: pointer
}

.videoList .ca-pageAction .ca-v2-pageAction {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 30px
}

.videoList .ca-pageAction .ca-v2-pageAction a.ca-v2-arrow {
    float: right;
    width: 30px;
    height: 30px;
    background: #fff;
    border: .5px solid #e0e0e0;
    border-radius: 2px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #333
}

.videoList .ca-pageAction .ca-v2-pageAction a.ca-v2-arrow:hover {
    background: #333;
    border: .5px solid #333;
    color: #fff
}

.videoList .ca-pageAction .ca-v2-pageAction span.ca-v2-allPage {
    float: right;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    margin: 0 8px
}

.videoList .ca-pageAction .ca-v2-pageAction a.ca-v2-currentPage {
    float: right;
    height: 30px;
    font-size: 14px;
    color: #333;
    border: none;
    border: .5px solid #e0e0e0;
    line-height: 30px
}

.videoList .ca-pageAction .ca-v2-pageAction a.ca-v2-currentPage input.ca-v2-pageIpt {
    border: none;
    width: 30px;
    text-align: center
}

.videoList .ca-prev {
    position: relative
}

.videoList .ca-prev:after {
    content: "<";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto
}

.videoTopic .ca-videoTopic-banner {
    width: 100%;
    height: 450px
}

.videoTopic .ca-videoTopic-someCon {
    padding: 32px 39px 72px
}

.videoTopic .ca-videoTopic-someCon .ca-videoTopic-Title {
    width: 100%;
    height: 90px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.videoTopic .ca-videoTopic-someCon .ca-videoTopic-Title .ca-videoTopic-leftTitle .ca-left-topTitle {
    height: 50px
}

.videoTopic .ca-videoTopic-someCon .ca-videoTopic-Title .ca-videoTopic-leftTitle .ca-left-topTitle span.ca-oneTitle {
    float: left;
    height: 50px;
    line-height: 50px;
    font-size: 36px;
    color: #3a3a3a;
    font-weight: 600
}

.videoTopic .ca-videoTopic-someCon .ca-videoTopic-Title .ca-videoTopic-leftTitle .ca-left-topTitle span.ca-twoTitle {
    float: left;
    height: 50px;
    line-height: 65px;
    font-size: 20px;
    color: #666;
    margin-left: 20px
}

.videoTopic .ca-videoTopic-someCon .ca-videoTopic-Title .ca-videoTopic-leftTitle ul.ca-right-topTitle {
    margin-top: 12px
}

.videoTopic .ca-videoTopic-someCon .ca-videoTopic-Title .ca-videoTopic-leftTitle ul.ca-right-topTitle li.ca-oneRecommond {
    float: left;
    font-size: 20px;
    color: #3a3a3a
}

.videoTopic .ca-videoTopic-someCon .ca-videoTopic-Title .ca-videoTopic-leftTitle ul.ca-right-topTitle li.ca-recommandKeywords {
    float: left
}

.videoTopic .ca-videoTopic-someCon .ca-videoTopic-Title .ca-videoTopic-leftTitle ul.ca-right-topTitle li.ca-recommandKeywords a {
    font-size: 20px;
    color: #3a3a3a
}

.videoTopic .ca-videoTopic-someCon .ca-videoTopic-Title .ca-videoTopic-rightTitle {
    float: right;
    width: 236px;
    height: 60px;
    border: 1px solid #979797;
    border-radius: 4px
}

.videoTopic .ca-videoTopic-someCon .ca-videoTopic-Title .ca-videoTopic-rightTitle a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #575757;
    text-align: center;
    line-height: 60px
}

.videoTopic .ca-videoTopic-someCon .ca-topicVideoList {
    width: 100%;
    margin: 32px auto 0
}

.videoTopic .ca-videoTopic-someCon .ca-topicVideoList ul li {
    float: left;
    width: 168px;
    height: 152px;
    margin: 0 12px 40px 0;
    position: relative
}

.videoTopic .ca-videoTopic-someCon .ca-topicVideoList ul li img.ca-topicImg {
    display: block;
    width: 100%;
    height: 94px
}

.videoTopic .ca-videoTopic-someCon .ca-topicVideoList ul li p.ca-topicVideoTitle {
    width: 100%;
    height: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #333;
    margin-top: 6px
}

.videoTopic .ca-videoTopic-someCon .ca-topicVideoList ul li p.ca-views {
    width: 100%;
    height: 17px;
    font-size: 12px;
    color: #999;
    margin-top: 2px
}

.videoTopic .ca-videoTopic-someCon .ca-topicVideoList ul li .ca-variousOperations {
    width: 100%;
    height: 12px;
    margin-top: 4px
}

.videoTopic .ca-videoTopic-someCon .ca-topicVideoList ul li .ca-variousOperations span.ca-videoEnd {
    float: left;
    width: 12px;
    height: 12px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAAGXcA1uAAAABGdBTUEAALGPC/xhBQAAAe9JREFUSA2tVTtSAkEQ3Vk+JzCSRC8gFzChyggDOICmUFQRmHkGMwOqKEjlABhoioGRGVxAAzHiBFDs+t5IU+PMsDtQbJX2TPfr15/pYVSEr9VqpZR68W+jtfinRKuUmovSIwVmm2JROIB2u/0tRlMqGJ7SNL0xleVyuRJ1Op0LU8k1abcxbOMBhiRJzm0a7nVWkJdxHDd8ANGRANmPiyyhUChU+/3+jEaU9QJdXYDD4VBt1jNUETnJEoyuJwQZYPF3HWiBkyZy2g1bceu6WfhYTYzqdruny+Uy6+BN/EI7rFarD6RRMS32GnWNBoPBrR4vbJpo66cNMvdo6zP277oGeHKT+WFYGuv1euoUbXYGkV9Bdm0yOQ40ZnXKOTg6IEqCvzeu7W9XBC8Rnb0OUkdQDVn5M8LO0DT6vmAH3gekOGcNC8nZxyg6jE7E6y7DN4XhRIxHkgsEqBY5qCRHes2QkQoJjlveQAVjcsdyC/KGO4RYMMJFbu9cCJAyq9++uTF9uc4NIA558yU4WwYHQCUJMv57raJogvO6ssl8++AAqCB4ps1AuQHYZxxW3XcWRzkD+wfMzC5kfVDZIcSC2b7oKPcLyjuZYQHsKzeP9CPaegbOkX5H+Vbh1j2ArCYXb19iwYOUb96kVCrd93q9n1+CmNZNVmkgsgAAAABJRU5ErkJggg==") no-repeat 50%;background-size: 12px 12px
}

.videoTopic .ca-videoTopic-someCon .ca-topicVideoList ul li .ca-variousOperations span.ca-videoStart {
    float: left;
    width: 11px;
    height: 12px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAYAAAGJuT3dAAAABGdBTUEAALGPC/xhBQAAAmZJREFUSA29lT1LW1EYx8+9BqWCEDCTg+BU0Mm5g9+gm/0ACklGoeCauDp3SDL4AeyX0KFzJwOC4NYpBUFQGtrE3//JfQ6n15gYBw/cPG//5/W8JKvX6xchhD2+kIvp9XpZnucnEmyNRqPdDNjYFZE2Go2rvNlsHkgzHo+roQzD2BbK/LMs+x19Q1jFY7kiRbfbrblBHvD70zMK5Tmg+5JjoRJ8ZWQdkGBdSZUIOsz5ORaiSHjo8rOYUSG0JxSvpcRFmUHNWQ9l0AQ6+WWCLewt6phUqxnrS0HOa/aysfpTW3NgmVoZ1GUdkrJsD+g+yU4ZNd+Qa6FQfCSd8YW8hrwCrxluvbwXQv+/Lm0k0mlEGlVqT6ckfrEGqWVbXkVzX9LI4tPo2uu+n+UyUHK6BwuVoWn8JfodQXSGxQ89A7IdOcniF5pGBY8qYzugwV0CXHlUp7KJ1wAqpNWW6+asSjllxVulBgedTueU0/VjCjDIpk82NfiH6LfwNUoSf+9OyPGsGF8MfVg4OE6O6wi/Umc3imJfg2xg16swkE4L/RZk8jJgvOGy7piFH50pAC3YI/TfXZ9SCtKZO8f3Gy213aariu+23ROUNYLZXRFAd8OB86iwqS9BbdAWGEEHIrZDsId5ARO7sNFXsWSzwAS9o50zB1PBJpV8dnkWZdd/pr6M4ivBN/xi/1PwJICO9Qfke/TxaCd2bdIysl6JR2jsEH0Veckrvn5h8w5fsXk6j22C2fLNW+imuvNrqG+ePTDuwHydnUvB2iPvQEZhrI+iXx6FHBw8i+oP4V1HoVNxQUV7s6p6g+3yCfI4YvCsoloFAAAAAElFTkSuQmCC") no-repeat 50%;background-size: 11px 12px;
    margin-left: 4px
}

.videoTopic .ca-videoTopic-someCon .ca-topicVideoList ul li .ca-variousOperations span.ca-videoFavorites {
    float: right;
    width: 13px;
    height: 12px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAYAAAGThd1TAAAABGdBTUEAALGPC/xhBQAABMZJREFUSA2Vln9I3GUcx+/7PU/PH0sRnBvZpsLq0nSSEBar2f4YSItKUc9fd0rEGPlHRQsCa6wRIxaNwop+DDp/y40ybAoJzVpl/iE40XINl6Y1canTlnf+uuv1+er3i3e7K/fA957n+Xzenx/P+/N5Hs5kYlRWVv5dUVHxjaxNVVVVK9qCH6fT6dfWaM/l5+cnaBvgD8qivLz8DU1g/ADLkg1zv6moqMgG5CkR4HRVZhmY/6qOj4+Pqar6qggaGxstMpeVlWX6fD63IhsZJSUlj0dERNjNZvNhQGki05S4uAryXa/X2xEXF3e1oaEh2lRTU6MlW1BQEEUCmmuANyJWV1cvi2l3d/cy02lZz87OphBfzZbN1pGcnOzV9tXV1RtnZ0f6vq0gLZbD4TAAWlYc9oOoqKhja2trv/j9/gXSzltfX1+IjIyMX1lZmUY2huxhPPkHBwfjFbIcURQltqmpKTXAfYgNpchEPKzipQejXSEwt4k4+WGwG6RxiDTCX0P4RXNzc2Ewuri4eFdsbOx1iP0OQg8aZRAgygMwfQnGG1pbW50424nnScBXSN+gMcBIj1BaWnokOjq6EzImqeMeXa7PhhEMvonXV1D0wVil2+3+na44Stpv8V0nur29vV2rppKdnR2bk5OzAFghjT7mdKjeDf03cZJAtH7ISkB23/Ly8vstLS21inQOZY/ngDv18EQ4TpudxvsOInpEbrfbnyHlzxcXF+9X5BrgNRPWftaNNmdJ3egCkRFgnKi3VNnMzc2NyRw0Agw2dZLyvSo/psTExNogg3BbG6R8qJL3KQ75tn77wqFJ7QcMIoeHh19W29raXoehixaLZUgqH8oIg/MQ8wi6fQMDA6tGnYj0I57yYCexo6Pjpm5M/T4lk2c9Hk+OUSddKTMeBzHMoF4pdMIM1LusVquDnnyMNrqkY41IuoB++w1yUkn5EyI8R0EPUdCLul7m24xESMRJzpBCOz2BQZfItg7DCBLiANbwHSfFeyjiVpy2Ju1+GuE1MvGDOUknCTkBQ0oIZoL5DJVx0VG3BCAXV4GgYzExMXM8E++xl6epbmlpKd3lcpmZo/jyOeI5HO8H8zVHlcuei8PPIPXQzMyMdRO7D9sT6CJJpJ5WnZWLInEUercO41Nku8Z3lraVGxVy5ObmWjIyMupQmimIvOfG6x9sAJVnkL1IQDN01im8gB4ysJLx5ampqbze3t6NtzPY8g73lCKarugTFmDJq3KKyU0fdyUlJe29Q39h4dAqdd4hAImhwnEVghs0QRoZXODl2h/WepsKWvcBav4VPtPxPUvrOrWu45iJFNjFFTyCQrqmb35+vqyrq2tim741GH72kGwzZTkgAk7SjR9HZ2fnX0Z7i6KwsHAvL7yLTA4CEqB7enr6hZ6enj9FH25Q+N0keJYApXyS6PfU3Ml9uqbbBATShbT7Qxi0EzAVo3W+d0ZGRk4ODQ39o2Nklqc8KyvrBAV/CayZ1p7gk7f+p604WYcMpIPI9FE68mOC2kSGk6bR0VG5FyabzfYRVFfKmuyvcDmPcjm/lX2o8Z+BdAMu3dM4rSfg3ZxOE3MCCfAH++eh6EsdG27eViDdmP9ET3K566mdj0tYywku6Lr/m/8FtetQRdMxQjsAAAAASUVORK5CYII=") no-repeat 50%;background-size: 13px 12px
}

.cb-maskBox-activity {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cb-maskBox-activity .cb-maskBoxCon {
    width: 511px;
    height: 723px;
    background: url(../../public/images/activity/cb_activity1.png) no-repeat 50%;
    background-size: cover;
    cursor: pointer
}

.cb-maskBox-activity .exchangePoint {
    width: 460px;
    height: 300px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 55px;
    background: #fff;
    text-align: center
}

.cb-maskBox-activity .exchangePoint>h4 {
    margin: 63px 0 37px;
    text-align: center;
    font-size: 18px;
    font-weight: 700!important;
    color: #000;
    line-height: 24px
}

.cb-maskBox-activity .exchangePoint .input-container {
    position: relative
}

.cb-maskBox-activity .exchangePoint .input-container .exchangePrompt {
    position: absolute;
    left: 0;
    top: -30px;
    color: #ce2e2e;
    display: none
}

.cb-maskBox-activity .exchangePoint input {
    width: 350px;
    height: 50px;
    background: #f1f1f1;
    border-radius: 4px;
    border: 1px solid #f1f1f1;
    font-size: 14px;
    font-weight: 400;
    color: #b2b2b2;
    line-height: 20px;
    padding-left: 9px
}

.cb-maskBox-activity .exchangePoint input.error {
    color: #e71d36;
    border-color: #e71d36;
    background: #fff
}

.cb-maskBox-activity .exchangePoint p {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 20px;
    margin: 6px 0 9px 6px;
    text-align: left
}

.cb-maskBox-activity .exchangePoint button {
    width: 105px;
    height: 40px;
    background: #facb11;
    border-radius: 4px;
    outline: none;
    border: none;
    font-size: 14px;
    font-weight: 700!important;
    color: #333;
    line-height: 40px
}

.cb-maskBox-offerpop .cb-offerPaperPop {
    width: 564px
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-closeBtn {
    width: 100%;
    height: 16px
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-closeBtn img {
    float: right;
    width: 16px;
    height: 16px
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-successTitle {
    font-size: 36px;
    color: #fff;
    text-align: center
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-paperList {
    width: 537px;
    margin: 0 auto;
    margin-top: 30px
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-paperList .cb-paperItem {
    width: 100%;
    height: 165px;
    margin-bottom: 9px;
    background: url(../../public/images/activity/cb_activity2.png) no-repeat 50%;
    background-size: cover;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-paperList .cb-paperItem .cb-alonePaper {
    width: 527px;
    height: 145px
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-paperList .cb-paperItem .cb-alonePaper .cb-aloneItemOne {
    float: left;
    width: 181px;
    height: 145px
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-paperList .cb-paperItem .cb-alonePaper .cb-aloneItemOne .cb-oneCon {
    width: 100%;
    height: 100%;
    position: relative
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-paperList .cb-paperItem .cb-alonePaper .cb-aloneItemOne .cb-oneCon .cb-oneConItem .cb-unit {
    position: absolute;
    left: 26px;
    top: 58px;
    display: block;
    width: 24px;
    height: 33px;
    font-size: 24px;
    color: #ff485f;
    text-align: center;
    line-height: 33px
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-paperList .cb-paperItem .cb-alonePaper .cb-aloneItemOne .cb-oneCon .cb-oneConItem .cb-price {
    position: absolute;
    left: 52px;
    top: 21px;
    display: block;
    width: 93px;
    height: 73px;
    font-size: 64px;
    color: #ff485f;
    line-height: 73px
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-paperList .cb-paperItem .cb-alonePaper .cb-aloneItemOne .cb-oneCon .cb-twoConItem {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-paperList .cb-paperItem .cb-alonePaper .cb-aloneItemOne .cb-oneCon .cb-twoConItem .cb-paperBtn {
    position: absolute;
    top: 98px;
    display: block;
    padding: 0 5px;
    height: 20px;
    font-size: 12px;
    color: #fff;
    background: #ff4f4f;
    text-align: center;
    line-height: 20px
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-paperList .cb-paperItem .cb-alonePaper .cb-aloneItemOne .cb-oneCon .cb-twoConItem .cb-paperUse {
    position: absolute;
    left: 93px;
    top: 99px;
    margin-left: 3px;
    display: block;
    width: 48px;
    height: 16px;
    font-size: 12px;
    color: #ff485f;
    text-align: center;
    line-height: 16px
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-paperList .cb-paperItem .cb-alonePaper .cb-aloneItemTwo {
    float: left;
    width: 229px;
    height: 145px
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-paperList .cb-paperItem .cb-alonePaper .cb-aloneItemTwo .cb-twoCon {
    width: 100%;
    height: 100%
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-paperList .cb-paperItem .cb-alonePaper .cb-aloneItemTwo .cb-twoCon .cb-oneConItem {
    margin-top: 28px;
    font-size: 16px;
    color: #ff4d65;
    font-weight: 600
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-paperList .cb-paperItem .cb-alonePaper .cb-aloneItemTwo .cb-twoCon .cb-twoConItem {
    margin-top: 8px
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-paperList .cb-paperItem .cb-alonePaper .cb-aloneItemTwo .cb-twoCon .cb-twoConItem .cb-iteCon .cb-iteTit {
    font-size: 12px;
    color: #2a2a2a;
    line-height: 20px
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-paperList .cb-paperItem .cb-alonePaper .cb-aloneItemTwo .cb-twoCon .cb-twoConItem .cb-iteCon .cb-iteTit .cb-tit1 {
    color: #373737
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-paperList .cb-paperItem .cb-alonePaper .cb-aloneItemThree {
    float: left;
    width: 117px;
    height: 145px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-paperList .cb-paperItem .cb-alonePaper .cb-aloneItemThree .cb-threeCon {
    width: 93px;
    height: 93px;
    cursor: pointer
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-paperList .cb-paperItem .cb-alonePaper .cb-aloneItemThree .cb-threeCon .cb-oneConItem {
    width: 28px;
    height: 38px;
    font-size: 14px;
    color: #f96060;
    margin-left: 31px;
    margin-top: 19px
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-paperList .cb-paperItem .cb-alonePaper .cb-aloneItemThree .cb-threeCon .cb-twoConItem {
    margin-left: 36px;
    margin-top: 10px;
    width: 22px;
    height: 15px;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAeCAYAAAEgMcwxAAAABGdBTUEAALGPC/xhBQAABKhJREFUWAnNWF1oHFUUnjOTmYSSp1IFRWheFHzRhz71RRD0pWqVNtZqabszCTHGkop/qb/diEjVitSaEDS7s9paJVYk+CSCFBQRChWftdjYok+CD1qzO7tz/c4kZ3rnZnfZzJZtL+zee37ud88959xz765lddpqvn+AdalWKLyrLOus5bo/e667RLOz/1QLBbCM1pQZFQpTht4Kydp9qli0rUuXbqjX67cp297ilcvUVLsts+779+uLdwSB/R1TSk22RRahji68NT0rqbExd42gGQNe/VTn2zphjuHr3bB3zuS3pNmUyPefZYWOvMETHNsetmWnrXpZMlYqY7/wMz2DCFBGYBLYXNSRIk80FTvaoLmiDkREC14YPmLq5AZOwINgjxXHJ1dBj/RXKi/IAl0BCwji+yqiMM002fYozk6J4MhvkdV3e5s2DdLRo/9Wg+AIrJjCFrdgi+fqhcKOhmV9gQlPYMKcGh8fqi0v/wZ5CHkg4NwjRT9G5u3l8VWxmIEkeFgwxoJO18CwMoaVCQ58nOKlA151PQ2A/wFwgOd4Q0MOFYvxeua31K36/kUUPK+VQtsS0GoSAj5rKXVL7cKFqlpYcJrp5XeF79eQTUlF030ri+QGZgBY3gB4smsTvCtgBpc047EOnsvHDCJNB+PUE37XwAwk4JzPAK8zL6nI8NXfTHDjrenbM2noNq2lnMs8H+AO5iyJxb8wUxoc/1c6JqqCRrlYaQjWHzLW+2hpaVZox3Emug4eg+GwvIG8XimZRHv7w/CkWCyLrbuPguAZAUUFnGRQBunKYgQqgE9LDAQLi26lMs1jbrmBpU4nIETvoVQeTBBXv3IBY/tb4zj+IQG1rBNepbJPB+VxLh/DmpsTIKKvmoGyLJfFCWiOr3oQ7GzE8el0KtGit3nzMGp5cqhSfptBLk+0wWsrwtn6E1diNVVS6kGU9AiH+SPIOnJeR0rpAldpgLf3MF4hn3FV0SGxmWNI2qd0njm+JgaLEfDsKGrBB1xrhce9TXTYDcPXdJ6MM4rC7HWPU/wcTvFb5rooaAfwpJvR+deFwWKQvEWF5p6fgYpoX3+5/ElCJw/SavUdUmoj9fVNu/PzZ1ggTU1MDEaXL7+NmXeCV0aOzYtMevzmfBFhfQCfM962bS/Trl3pJcY6uP0ehmcOAuO8u2HD0zQzk156giE9Hz54fA79mPC4h+GRrdRDBDC+FW8Soec4t1Kp9KvQuMgWkWfbhUa/B/f8KaHxjH8JB+h1oQGcqfZY/B6E+5tUblk/osZuFbpZv2p0iH6/If8djlXUQH2MiTa6AwOn+Pe8oWRFIyN3qTi+Ay+/RQrDi6ZcjY7eHjUa91q2/Z1XKv20Rj4+fmO0vDyMzZzHYfralOs07k/+fyFTKRCdBg7i7r4wPH3d5DAi8QoikakMME4hF8b0NLzmBteC4ElE733dyzyGR6cQjbWVw1TsFY2z8xhS5ARSMnvb2vabqAiHWtnRcw/XR0buQ+i/hKGZv3dgyIfw6OPYBFK4deupwQj/DMI/YZjzOUrho2YpNHRSsqcG86oog8+jDE7Ck9+7g4P76fjxK4+h1KzWg/8B6+H+Po2IcmYAAAAASUVORK5CYII=") no-repeat 50%;background-size: 100%
}

.cb-maskBox-offerpop .cb-offerPaperPop .cb-paperList .cb-paperItem:last-child {
    margin-bottom: 0
}

.drill-activity-bg {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplYTE0YWY4OC0zNTkwLTQ3OGYtYWYxNS0wOWM3MjBhZjI2MzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkY5OEYyMjU0RDQ4MTFFOUFGMEE5QjQ0REVBNUUxN0QiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkY5OEYyMjQ0RDQ4MTFFOUFGMEE5QjQ0REVBNUUxN0QiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YTU2YjE2ZGQtNTcxYy00MWFkLWJjMTUtZTUwMGU0NDQwMDgxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmVhMTRhZjg4LTM1OTAtNDc4Zi1hZjE1LTA5YzcyMGFmMjYzNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsvmnScAAAAoSURBVHjaYvz69SsDDsACxFxcXJgS3759Y2LADQaTHAvEuVjlAAIMAHClCNf1ZiMwAAAAAElFTkSuQmCC") repeat 50%;padding-bottom: 70px;
    position: relative;
    z-index: -2
}

.drill-activity {
    width: 100%;
    background-image: url(../../public/images/drillactivity/组113.png);
    overflow: hidden;
    background-position: top;
    background-repeat: no-repeat;
    position: relative
}

.drill-activity .top-title {
    margin: 60px auto 0;
    display: block
}

.drill-activity .drill-wrapper {
    width: 1200px;
    margin: 350px auto 59px
}

.drill-activity .drill-wrapper .drill-info {
    padding: 78px 46px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 810px;
    background: #fff;
    -webkit-box-shadow: 0 16px 27px 0 rgba(216,52,19,.09);
    box-shadow: 0 16px 27px 0 rgba(216,52,19,.09);
    border-radius: 10px;
    position: relative
}

.drill-activity .drill-wrapper .drill-info>img {
    position: absolute;
    top: 0;
    right: 133px
}

.drill-activity .drill-wrapper .drill-info h4 {
    font-size: 30px;
    font-weight: 400;
    color: #626262;
    line-height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.drill-activity .drill-wrapper .drill-info h4 img {
    width: 38px;
    height: 38px
}

.drill-activity .drill-wrapper .drill-info .drill-what p {
    width: 551px;
    font-size: 24px;
    font-weight: 300;
    color: #757575;
    line-height: 42px;
    margin-bottom: 29px;
    margin-left: 22px;
    margin-top: 46px
}

.drill-activity .drill-wrapper .drill-info .drill-what p span {
    color: #e9616a;
    cursor: pointer
}

.drill-activity .drill-wrapper .drill-info .drill-what>span {
    display: inline-block;
    width: 208px;
    height: 50px;
    border: 1px solid #d83413;
    border-radius: 25px;
    font-size: 18px;
    font-weight: 400;
    color: #d83413;
    line-height: 50px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer
}

.drill-activity .drill-wrapper .drill-info .drill-use {
    margin-top: 58px
}

.drill-activity .drill-wrapper .drill-info .drill-use .drill-fiveuse {
    margin-top: 71px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.drill-activity .drill-wrapper .drill-info .drill-use .drill-fiveuse p {
    width: 182px;
    height: 182px;
    background: #7fe2d1;
    -webkit-box-shadow: 0 10px 16px 0 rgba(127,226,209,.43);
    box-shadow: 0 10px 16px 0 rgba(127,226,209,.43);
    border-radius: 50%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 46px
}

.drill-activity .drill-wrapper .drill-info .drill-use .drill-fiveuse p span {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    line-height: 42px
}

.drill-activity .drill-wrapper .drill-info .drill-use .drill-fiveuse p:first-child img {
    width: 58px;
    height: 58px;
    margin-left: 0
}

.drill-activity .drill-wrapper .drill-info .drill-use .drill-fiveuse p:nth-child(2) {
    background: -webkit-gradient(linear,left bottom, left top,from(#ec6947),to(#e64964));
    background: linear-gradient(0deg,#ec6947,#e64964);
    -webkit-box-shadow: 0 5px 21px 0 rgba(236,103,73,.5);
    box-shadow: 0 5px 21px 0 rgba(236,103,73,.5)
}

.drill-activity .drill-wrapper .drill-info .drill-use .drill-fiveuse p:nth-child(2) img {
    width: 64px;
    height: 48px
}

.drill-activity .drill-wrapper .drill-info .drill-use .drill-fiveuse p:nth-child(3) {
    background: -webkit-gradient(linear,left bottom, left top,from(#ec6947),to(#e64964));
    background: linear-gradient(0deg,#ec6947,#e64964);
    -webkit-box-shadow: 0 5px 21px 0 rgba(236,103,73,.5);
    box-shadow: 0 5px 21px 0 rgba(236,103,73,.5)
}

.drill-activity .drill-wrapper .drill-info .drill-use .drill-fiveuse p:nth-child(3) img {
    width: 51px;
    height: 56px
}

.drill-activity .drill-wrapper .drill-info .drill-use .drill-fiveuse p:nth-child(4) {
    background: -webkit-gradient(linear,left bottom, left top,from(#bd55eb),to(#dc5cb4));
    background: linear-gradient(0deg,#bd55eb,#dc5cb4);
    -webkit-box-shadow: 0 8px 21px 0 rgba(179,163,235,.61);
    box-shadow: 0 8px 21px 0 rgba(179,163,235,.61)
}

.drill-activity .drill-wrapper .drill-info .drill-use .drill-fiveuse p:nth-child(4) img {
    width: 58px;
    height: 58px
}

.drill-activity .drill-wrapper .drill-info .drill-use .drill-fiveuse p:nth-child(5) {
    background: linear-gradient(-51deg,#f8d24c,#ee773d);
    -webkit-box-shadow: 0 8px 16px 0 rgba(243,169,69,.4);
    box-shadow: 0 8px 16px 0 rgba(243,169,69,.4)
}

.drill-activity .drill-wrapper .drill-package {
    width: 100%;
    padding-bottom: 90px;
    margin-top: 59px;
    background: #fff;
    -webkit-box-shadow: 0 11px 27px 0 rgba(216,52,19,.09);
    box-shadow: 0 11px 27px 0 rgba(216,52,19,.09);
    border-radius: 10px;
    position: relative
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper {
    width: 933px;
    margin: 0 auto;
    padding-top: 97px
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper h4 {
    font-size: 30px;
    font-weight: 400;
    color: #626262;
    line-height: 26px;
    margin: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper h4 img {
    width: 34px;
    height: 34px
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper h4 span {
    font-size: 36px;
    font-weight: 400;
    color: #626262;
    line-height: 1;
    position: relative;
    top: -8px;
    margin: 0 4px;
    text-shadow: 0 8px 5px rgba(236,105,71,.13);
    background-image: -webkit-gradient(linear,left bottom, left top,from(#ec6947),color-stop(97.53417969%, #e64964));
    background-image: linear-gradient(0deg,#ec6947,#e64964 97.53417969%);
    -webkit-text-fill-color: transparent
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper>p {
    font-size: 18px;
    font-weight: 400;
    color: #626262;
    line-height: 42px;
    text-align: center
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container {
    overflow: hidden
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container h5 {
    margin: 75px 10px 29px;
    font-size: 25px;
    font-weight: 400;
    color: #e74e5f;
    line-height: 42px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container h5 p {
    margin: 0 10px
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container h5 p span {
    display: inline-block;
    vertical-align: middle
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container h5 p .to-right {
    background: -webkit-gradient(linear,left top, right top,color-stop(0, #fff),to(#df4f64));
    background: linear-gradient(90deg,#fff 0,#df4f64)
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container h5 p .to-left {
    background: -webkit-gradient(linear,right top, left top,color-stop(0, #fff),to(#df4f64));
    background: linear-gradient(270deg,#fff 0,#df4f64)
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container h5 p .pack-title-rectangle {
    width: 61px;
    height: 4px;
    border-radius: 2px;
    margin: 0 -3px
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container h5 p .pack-title-circle {
    width: 4px;
    height: 4px;
    background: #eb4f5e;
    border-radius: 2px;
    margin: 0
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container ul li {
    width: 100%;
    height: 50px;
    font-size: 18px;
    font-weight: 700;
    color: #666;
    line-height: 50px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #b8b8b8
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container ul li p {
    line-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid #b8b8b8
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container ul li p span {
    width: 21px;
    height: 21px;
    background: #fff;
    border: 1px solid #4f4f4f;
    border-radius: 50%;
    position: relative;
    cursor: pointer
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container ul li p span.selected:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #4e4e4e;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container ul li p:first-child {
    width: 72px
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container ul li p:nth-child(2) {
    width: 174px
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container ul li p:nth-child(3) {
    width: 194px
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container ul li p:nth-child(4) {
    width: 233px;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    -webkit-text-decoration-color: #6e6e6e;
    text-decoration-color: #6e6e6e
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container ul li p:nth-child(5) {
    width: 260px;
    color: #c95827;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid #b8b8b8
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container ul li p:nth-child(5) img {
    margin-left: 14px
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container ul li:nth-child(odd) {
    background: #f2f2f2
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container ul li:nth-child(2n) {
    background: #fdfdff
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container ul li:first-child {
    background: -webkit-gradient(linear,left top, right top,from(#ec6947),to(#e64964));
    background: linear-gradient(90deg,#ec6947,#e64964);
    -webkit-box-shadow: 0 8px 21px 0 rgba(0,0,0,.18);
    box-shadow: 0 8px 21px 0 rgba(0,0,0,.18);
    border: none
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container ul li:first-child p {
    color: #fff;
    text-decoration: none;
    border: none
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .package-container>span {
    width: 178px;
    height: 50px;
    background: -webkit-gradient(linear,left top, right top,from(#ec6947),to(#e64964));
    background: linear-gradient(90deg,#ec6947,#e64964);
    -webkit-box-shadow: 0 8px 21px 0 rgba(230,73,100,.18);
    box-shadow: 0 8px 21px 0 rgba(230,73,100,.18);
    border-radius: 25px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 50px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 57px;
    cursor: pointer
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .point-package>h5 {
    color: #cc58d1
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .point-package>span {
    background: -webkit-gradient(linear,left top, right top,from(#bd55eb),to(#dc5cb4));
    background: linear-gradient(90deg,#bd55eb,#dc5cb4);
    -webkit-box-shadow: 0 8px 21px 0 rgba(201,213,88,.35);
    box-shadow: 0 8px 21px 0 rgba(201,213,88,.35)
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .point-package ul li:first-child {
    background: -webkit-gradient(linear,left top, right top,from(#bd55eb),to(#dc5cb4));
    background: linear-gradient(90deg,#bd55eb,#dc5cb4);
    -webkit-box-shadow: 0 8px 21px 0 rgba(179,163,235,.61);
    box-shadow: 0 8px 21px 0 rgba(179,163,235,.61)
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .month-package>h5 {
    color: #ee773d;
    margin-bottom: 20px
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .month-package .month-switch {
    width: 204px;
    height: 50px;
    background: #626262;
    border-radius: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    margin-bottom: 19px
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .month-package .month-switch p {
    width: 102px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #fefefe;
    cursor: pointer
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .month-package .month-switch p.selected {
    background: #fff;
    border: 1px solid #cdcbcb;
    border-radius: 25px;
    color: #626262
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .month-package .twelveMonth {
    display: none
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .month-package>span,.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .month-package ul li:first-child {
    background: -webkit-gradient(linear,left top, right top,from(#f8d24c),to(#ee773d));
    background: linear-gradient(90deg,#f8d24c,#ee773d);
    -webkit-box-shadow: 0 8px 16px 0 rgba(243,169,69,.4);
    box-shadow: 0 8px 16px 0 rgba(243,169,69,.4)
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .drill-rules {
    margin-top: 97px
}

.drill-activity .drill-wrapper .drill-package .drill-package-wrapper .drill-rules p {
    font-size: 20px;
    font-weight: 400;
    color: #555;
    line-height: 42px
}

.drill-activity .drill-wrapper .drill-package .man {
    position: absolute;
    left: 5px;
    top: -200px;
    z-index: 3
}

.drill-activity .drill-wrapper .drill-package .another-man {
    position: absolute;
    right: -30px;
    bottom: -20px;
    z-index: 3
}

.drill-activity .drill-wrapper .drill-package .circle {
    position: absolute;
    bottom: -250px;
    right: -240px;
    z-index: -1
}

.drill-activity .drill-wrapper .drill-package .triangle {
    position: absolute;
    bottom: 450px;
    left: -494px;
    z-index: -1
}

.drill-activity .drill-wrapper .code-container {
    margin: 83px 0 92px
}

.drill-activity .drill-wrapper .code-container .erweima {
    margin: auto;
    position: relative;
    width: 278px
}

.drill-activity .drill-wrapper .code-container .erweima p:first-child {
    font-size: 24px;
    font-weight: 400;
    color: #555;
    line-height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.drill-activity .drill-wrapper .code-container .erweima p:nth-child(2) {
    position: absolute;
    font-size: 20px;
    font-weight: 400;
    color: #313130;
    line-height: 42px;
    right: -360px;
    top: 167px
}

.drill-activity .drill-wrapper .code-container .erweima p:nth-child(2) span {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    display: inline-block;
    position: relative;
    left: -75px;
    top: -30px
}

.fb-container {
    width: 460px;
    height: 360px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.fb-container .fb-wrapper {
    margin: 30px auto 56px
}

.fb-container .fb-wrapper img {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.fb-container .fb-wrapper h4 {
    font-size: 18px;
    font-weight: 700;
    color: #424242;
    line-height: 24px;
    margin-bottom: 33px;
    font-weight: 700!important
}

.fb-container .fb-wrapper .fb-inputs input {
    height: 40px
}

.fb-container .fb-wrapper .fb-inputs input,.fb-container .fb-wrapper .fb-inputs textarea {
    width: 300px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #c9c9c9;
    font-size: 14px;
    color: #a3a3a3;
    line-height: 19px;
    padding-left: 12px
}

.fb-container .fb-wrapper .fb-inputs textarea {
    height: 97px;
    margin: 16px 0 24px;
    padding-top: 12px
}

.fb-container .fb-wrapper .fb-inputs button {
    width: 300px;
    height: 40px;
    background: #ffd44d;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600!important;
    color: #000;
    line-height: 20px;
    border: none
}

.customCreative .ccBg {
    width: 100%;
    height: 310px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(/public/images/cc/cc-bg.jpg) no-repeat 50%;
    background-size: cover;
    background-position: 50%
}

.customCreative .ccBg p a,.customCreative .ccBg p span {
    display: block
}

.customCreative .ccBg p .cc-bgTitle {
    font-size: 30px;
    color: #fff;
    letter-spacing: .38px;
    line-height: 1
}

.customCreative .ccBg p .cc-bgBtn {
    background: #ffcd34;
    width: 149px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 14px;
    color: #333;
    letter-spacing: .17px;
    margin: 24px auto
}

.customCreative .cc-introduction {
    width: 1200px;
    margin: 0 auto;
    text-align: center
}

.customCreative .cc-introduction>h4 {
    font-size: 26px;
    color: #333;
    letter-spacing: .32px;
    margin: 0;
    margin-top: 74px;
    text-align: center;
    line-height: 37px
}

.customCreative .cc-introduction>p {
    text-align: center;
    margin-top: 8px;
    font-size: 14px;
    color: #999;
    letter-spacing: .17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 20px
}

.customCreative .cc-introduction>p:after {
    content: "";
    display: block;
    width: 40px;
    height: 4px;
    background: #ffb243;
    border-radius: 236px;
    margin: 16px 0 18px
}

.customCreative .cc-introduction .img-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.customCreative .cc-introduction .img-container dl {
    margin-right: 25px
}

.customCreative .cc-introduction .img-container .last-dl {
    margin: 0
}

.customCreative .cc-introduction .img-container dd {
    margin-top: 18px;
    font-size: 14px;
    color: #666;
    letter-spacing: .17px
}

.customCreative .cc-flow {
    margin-top: 147px;
    margin-bottom: 152px
}

.customCreative .cc-flow .flow-container {
    margin-top: 26px;
    margin-bottom: 42px
}

.customCreative .cc-flow .flow-container img {
    display: block;
    margin: auto
}

.customCreative .cc-flow .flow-container .flow-txts {
    width: 930px;
    margin: 20px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.customCreative .cc-flow .flow-container .flow-txts span {
    font-size: 14px;
    color: #666;
    letter-spacing: .17px;
    text-align: left;
    margin-right: 160px
}

.customCreative .cc-flow .flow-container .flow-txts span:nth-child(4) {
    position: relative;
    left: 10px
}

.customCreative .cc-flow .flow-container .flow-txts span:nth-child(5) {
    margin: 0;
    position: relative;
    left: 10px
}

.customCreative .cc-flow .info {
    font-size: 24px;
    color: #999;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 24px;
    letter-spacing: .32px
}

.customCreative .cc-flow .info img {
    margin: 0 2px
}

.customCreative .cc-flow .tel {
    text-align: center;
    font-size: 20px;
    color: #999;
    letter-spacing: .25px;
    line-height: 28px;
    margin-top: 20px
}

.feature-pic {
    padding: 0 30px
}

.feature-pic .fp-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 35px 0 40px
}

.feature-pic .fp-header .left-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 26px
}

.feature-pic .fp-header .left-header .fp-title {
    font-size: 20px;
    color: #333;
    line-height: 26px;
    margin-right: 16px;
    height: 26px
}

.feature-pic .fp-header .left-header .fp-totalNum {
    font-size: 12px;
    color: #a3a3a3;
    line-height: 34px;
    margin-right: 26px;
    height: 26px
}

.feature-pic .fp-header .left-header p {
    width: 74px;
    height: 26px;
    background: #ffcd34;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700!important;
    color: #424242;
    line-height: 26px;
    text-align: center
}

.feature-pic .fp-header .right-header {
    width: 131px;
    height: 44px;
    border-radius: 4px;
    border: 1px solid #c9c9c9;
    font-size: 14px;
    color: #666;
    line-height: 44px;
    text-align: center
}

.feature-pic .split-line {
    width: 100%;
    height: 0;
    border-bottom: 1px solid #c9c9c9;
    margin-top: 35px
}

.feature-pic .flex-images:after {
    content: "";
    display: block;
    clear: both
}

.feature-pic .search-image-container .btn-container {
    display: block;
    height: 46px;
    position: relative;
    margin: 40px 0 0
}

.feature-pic .search-image-container .margin-tiny {
    position: relative
}

.feature-pic .search-image-container .big-next-button {
    position: relative;
    width: 100%;
    max-width: 500px
}

.feature-pic .search-image-container .btn-container .aligned {
    position: absolute;
    right: 0;
    top: 10px;
    display: block
}

.feature-pic .search-image-container .go-page-input {
    width: 30px;
    height: 30px;
    position: relative;
    top: 2px;
    text-align: center;
    background: #fff;
    border: .5px solid #e0e0e0;
    border-radius: 2px
}

#authorized-company .company-list {
    min-height: 243px
}

#authorized-company .company-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0!important;
    margin-right: 40px;
    margin-bottom: 26px
}

#authorized-company .company-list li .company-names input {
    width: 250px;
    height: 27px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #e0e0e0;
    display: none;
    font-size: 12px;
    color: #666;
    padding-left: 10px;
    line-height: 27px
}

#authorized-company .company-list li .company-names p {
    font-size: 12px;
    color: #666;
    line-height: 16px
}

#authorized-company .company-list li .operation-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#authorized-company .company-list li .operation-btns img {
    cursor: pointer;
    width: 14px
}

#authorized-company .company-list li .operation-btns .delete {
    margin-left: 22px;
    height: 15px
}

#authorized-company .company-list li .operation-btns .save {
    height: 11px;
    display: none
}

#authorized-company .company-list li .operation-btns .edit {
    height: 15px
}

#authorized-company .add-company-container {
    border-top: 1px solid #dadada;
    margin-right: 40px;
    padding-top: 20px
}

#authorized-company .add-company-container .add-company {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px
}

#authorized-company .add-company-container .add-company input {
    width: 600px;
    font-size: 14px;
    height: 44px;
    color: #b7b7b7;
    line-height: 44px;
    padding-left: 14px;
    border: none;
    outline: none;
    background: #fff
}

#authorized-company .add-company-container .add-company span {
    display: inline-block;
    width: 162px;
    height: 44px;
    background: #f3cc47;
    -webkit-box-shadow: 0 2px 4px 0 #f3cc47;
    box-shadow: 0 2px 4px 0 #f3cc47;
    border-radius: 2px;
    font-size: 14px;
    color: #333;
    line-height: 44px;
    text-align: center;
    cursor: pointer
}

#authorized-company .add-company-container .add-company span:hover {
    background: #b28c13!important;
    color: #fff!important
}

.rf-freeLimitdate {
    width: 100%;
    background: #f7f7f7
}

.rf-freeLimitdate .freeStuff-Wrapper {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden
}

.rf-freeLimitdate .freeStuff-Wrapper .current-freeStuff>h4 {
    font-size: 24px;
    color: #333;
    line-height: 31px;
    margin: 32px 0
}

.rf-freeLimitdate .freeStuff-Wrapper .current-freeStuff .freeStuff-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 12px
}

.rf-freeLimitdate .freeStuff-Wrapper .current-freeStuff .freeStuff-list .freeStuff-item {
    margin-right: 16px;
    margin-bottom: 16px
}

.rf-freeLimitdate .freeStuff-Wrapper .current-freeStuff .freeStuff-list .freeStuff-item div.image-container {
    position: relative
}

.rf-freeLimitdate .freeStuff-Wrapper .current-freeStuff .freeStuff-list .freeStuff-item div.image-container:hover p.download {
    display: block
}

.rf-freeLimitdate .freeStuff-Wrapper .current-freeStuff .freeStuff-list .freeStuff-item div.image-container img,.rf-freeLimitdate .freeStuff-Wrapper .current-freeStuff .freeStuff-list .freeStuff-item div.image-container video {
    width: 388px;
    height: 211px;
    -o-object-fit: fill;
    object-fit: fill
}

.rf-freeLimitdate .freeStuff-Wrapper .current-freeStuff .freeStuff-list .freeStuff-item div.image-container span {
    width: 56px;
    height: 27px;
    background: #262626;
    border-radius: 4px;
    font-size: 16px;
    font-family: Helvetica-Bold;
    font-weight: 700;
    color: #fff;
    line-height: 27px;
    position: absolute;
    left: 18px;
    top: 12px;
    text-align: center
}

.rf-freeLimitdate .freeStuff-Wrapper .current-freeStuff .freeStuff-list .freeStuff-item div.image-container p.download {
    width: 96px;
    height: 32px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #333;
    font-size: 14px;
    color: #333;
    line-height: 32px;
    text-align: center;
    position: absolute;
    right: 11px;
    bottom: 15px;
    cursor: pointer;
    display: none
}

.rf-freeLimitdate .freeStuff-Wrapper .current-freeStuff .freeStuff-list .freeStuff-item div.image-infos {
    padding: 2px 0 10px 10px;
    background: #fff
}

.rf-freeLimitdate .freeStuff-Wrapper .current-freeStuff .freeStuff-list .freeStuff-item div.image-infos p {
    font-size: 14px;
    color: #999;
    line-height: 19px;
    margin-top: 8px
}

.rf-freeLimitdate .freeStuff-Wrapper .current-freeStuff .freeStuff-list .freeStuff-item:nth-child(3n) {
    margin-right: 0
}

.rf-freeLimitdate .freeStuff-Wrapper .freeimage-urls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rf-freeLimitdate .freeStuff-Wrapper .freeimage-urls li {
    margin-right: 14px;
    margin-top: 20px;
    position: relative
}

.rf-freeLimitdate .freeStuff-Wrapper .freeimage-urls li a {
    display: inline-block
}

.rf-freeLimitdate .freeStuff-Wrapper .freeimage-urls li a:hover>p {
    display: block
}

.rf-freeLimitdate .freeStuff-Wrapper .freeimage-urls li a img {
    width: 390px;
    height: 130px
}

.rf-freeLimitdate .freeStuff-Wrapper .freeimage-urls li a p {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 130px;
    background: rgba(0,0,0,.3);
    display: none
}

.rf-freeLimitdate .freeStuff-Wrapper .freeimage-urls li:nth-child(3n) {
    margin-right: 0
}

.rf-freeLimitdate .freeStuff-Wrapper .past-freeStuff {
    margin-bottom: 72px
}

.rf-freeLimitdate .freeStuff-Wrapper .past-freeStuff>h4 {
    font-size: 24px;
    color: #333;
    line-height: 31px;
    margin: 72px 0 32px
}

.rf-freeLimitdate .freeStuff-Wrapper .past-freeStuff ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rf-freeLimitdate .freeStuff-Wrapper .past-freeStuff ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 14px;
    margin-bottom: 16px
}

.rf-freeLimitdate .freeStuff-Wrapper .past-freeStuff ul li img,.rf-freeLimitdate .freeStuff-Wrapper .past-freeStuff ul li video {
    width: 201px;
    height: 120px;
    -o-object-fit: fill;
    object-fit: fill
}

.rf-freeLimitdate .freeStuff-Wrapper .past-freeStuff ul li .image-infos {
    width: 189px;
    height: 120px;
    background: #fff
}

.rf-freeLimitdate .freeStuff-Wrapper .past-freeStuff ul li .image-infos p {
    font-size: 14px;
    color: #999;
    line-height: 19px;
    margin-top: 10px;
    margin-left: 10px
}

.rf-freeLimitdate .freeStuff-Wrapper .past-freeStuff ul li:nth-child(3n) {
    margin-right: 0
}

.rf-freeLimitdate .freeStuff-Wrapper .past-freeStuff p.next {
    width: 240px;
    cursor: pointer;
    height: 36px;
    outline: 0;
    border: 0;
    background: #e0e1e2;
    color: rgba(0,0,0,.6);
    margin: 0 auto;
    text-shadow: none;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.drill-landPage {
    width: 858px;
    margin: 0 auto;
    max-width: 1200px;
    padding: 36px 0 30px
}

.drill-landPage .drill-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.drill-landPage .drill-item .left-container {
    width: 120px
}

.drill-landPage .drill-item .left-container .title-info {
    border-bottom: 3px solid #f3cc47
}

.drill-landPage .drill-item .left-container .title-info>img {
    width: 68px;
    margin-bottom: 4px
}

.drill-landPage .drill-item .left-container .title-info .title-english {
    font-size: 12px;
    color: #999;
    line-height: 14px
}

.drill-landPage .drill-item .left-container .title-info .title-cn {
    font-size: 16px;
    font-weight: 700!important;
    color: #262626;
    line-height: 21px;
    padding-bottom: 8px
}

.drill-landPage .drill-item .left-container .emity-div {
    opacity: .5761999999999999;
    border-right: 1px dashed #cacaca
}

.drill-landPage .drill-item .left-container .slant {
    width: 41px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border: 1px solid #f3cc47;
    float: right;
    margin: 20px 0
}

.drill-landPage .drill-item .right-container {
    padding-top: 76px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 740px
}

.drill-landPage .first-item .left-container .emity-div {
    height: 203px
}

.drill-landPage .first-item .right-container .num01-text {
    padding-top: 20px;
    margin-left: 28px;
    margin-right: 32px;
    width: 284px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #494949;
    line-height: 26px
}

.drill-landPage .first-item .right-container .num01-text span {
    font-weight: 700!important
}

.drill-landPage .first-item .right-container img {
    height: 149px;
    position: relative;
    top: -10px
}

.drill-landPage .second-item .left-container .emity-div {
    height: 133px
}

.drill-landPage .second-item .right-container li {
    margin-right: 46px;
    list-style: none
}

.drill-landPage .second-item .right-container li:first-child {
    margin-left: 65px
}

.drill-landPage .second-item .right-container li:last-child {
    margin: 0
}

.drill-landPage .second-item .right-container li .more-appli {
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.drill-landPage .second-item .right-container li img {
    display: block
}

.drill-landPage .second-item .right-container li p {
    margin-top: 10px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #494949;
    line-height: 19px;
    text-align: center
}

.drill-landPage .third-item .left-container .emity-div {
    height: 503px
}

.drill-landPage .third-item .right-container ul {
    width: 720px;
    margin-left: 20px;
    margin-top: 8px
}

.drill-landPage .third-item .right-container ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #dadada;
    border-left: 1px solid #dadada
}

.drill-landPage .third-item .right-container ul li:last-child {
    border-bottom: 1px solid #dadada
}

.drill-landPage .third-item .right-container ul li span {
    display: inline-block;
    text-align: center;
    height: 44px;
    line-height: 44px;
    font-size: 13px;
    color: #1f1f1f
}

.drill-landPage .third-item .right-container ul li span.first-td {
    width: 190px;
    border-right: 1px solid #dadada
}

.drill-landPage .third-item .right-container ul li span.second-td {
    width: 130px;
    border-right: 1px solid #dadada
}

.drill-landPage .third-item .right-container ul li span.third-td {
    width: 124px;
    border-right: 1px solid #dadada
}

.drill-landPage .third-item .right-container ul li span.four-td {
    width: 162px;
    border-right: 1px solid #dadada
}

.drill-landPage .third-item .right-container ul li span.five-td {
    width: 113px;
    color: #b1301a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-right: 1px solid #dadada;
    cursor: pointer
}

.drill-landPage .third-item .right-container ul li span.five-td:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 10px;
    width: 48px;
    height: 0;
    border-bottom: 1px dashed #b1301a
}

.drill-landPage .third-item .right-container ul li span.five-td img {
    width: 5px;
    height: 6px;
    margin-left: 5px
}

.drill-landPage .third-item .right-container ul .table-th {
    background: #ffdb6b
}

.drill-landPage .third-item .right-container ul .table-th span.table-td {
    font-size: 13px;
    font-weight: 700;
    color: #1f1f1f;
    line-height: 36px;
    height: 36px
}

.drill-landPage .third-item .right-container ul .table-th span.table-td:after {
    display: none
}

.drill-landPage .four-item .left-container .emity-div {
    height: 197px
}

.drill-landPage .four-item .right-container .rules {
    margin-top: 5px;
    margin-left: 30px
}

.drill-landPage .four-item .right-container .rules p {
    font-size: 14px;
    color: #494949;
    line-height: 28px
}

.shenbiLandingPage {
    width: 100%;
    background: -webkit-gradient(linear,left top, right top,from(#f09e59),color-stop(#f7d285),to(#f09e59));
    background: linear-gradient(90deg,#f09e59,#f7d285,#f09e59);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.shenbiLandingPage .shenbi-Wrapper {
    max-width: 1400px;
    width: 100%
}

.shenbiLandingPage .shenbi-Wrapper .first-pic {
    background: url(/public/images/shenbiwuxianpage/first-pic.png) 50% no-repeat;
    background-size: cover;
    height: 423px;
    margin: 0 auto
}

.shenbiLandingPage .shenbi-Wrapper .shenbi-info {
    width: 1051px;
    height: 379px;
    background: hsla(0,0%,100%,.3);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    margin-top: -38px
}

.shenbiLandingPage .shenbi-Wrapper .shenbi-info .shenbInfo-wrapper {
    width: 1029px;
    height: 356px;
    background: #fff;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 63px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.shenbiLandingPage .shenbi-Wrapper .shenbi-info .shenbInfo-wrapper dt {
    width: 408px
}

.shenbiLandingPage .shenbi-Wrapper .shenbi-info .shenbInfo-wrapper dd {
    width: 466px;
    margin-left: 19px
}

.shenbiLandingPage .shenbi-Wrapper .shenbi-info .shenbInfo-wrapper dd h5 {
    font-size: 26px;
    font-family: SimHei;
    font-weight: 700!important;
    color: #333;
    margin-top: 12px
}

.shenbiLandingPage .shenbi-Wrapper .shenbi-info .shenbInfo-wrapper dd p {
    font-size: 20px;
    font-family: SimHei;
    font-weight: 400;
    text-indent: 2em;
    color: #333;
    line-height: 36px
}

.shenbiLandingPage .shenbi-Wrapper .shenbi-info .shenbInfo-wrapper dd .goShenbi {
    cursor: pointer;
    margin-left: 18px;
    margin-top: 15px;
    display: inline-block
}

.shenbiLandingPage .shenbi-Wrapper .activity-info {
    margin: 40px auto 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.shenbiLandingPage .shenbi-Wrapper .activity-info .shenbi-link {
    font-size: 18px;
    font-family: SimHei;
    font-weight: 400;
    color: #e45b1e;
    margin: 16px 0 20px;
    text-align: center;
    width: 100%
}

.shenbiLandingPage .shenbi-Wrapper .activity-info .activity-text {
    margin-top: 10px;
    font-size: 24px;
    font-family: SimHei;
    font-weight: 700!important;
    color: #e45b1e;
    line-height: 46px;
    width: 100%;
    padding: 0 200px;
    text-align: center
}

.shenbiLandingPage .shenbi-Wrapper .activity-info a {
    display: inline-block
}

.shenbiLandingPage .shenbi-Wrapper .activity-info hr {
    width: 1050px;
    height: 1px;
    margin: 48px auto 0;
    background: #e45b1e;
    opacity: .38;
    border: none
}

.shenbiLandingPage .shenbi-Wrapper .activity-rules {
    width: 890px;
    margin: 0 auto;
    padding-bottom: 65px
}

.shenbiLandingPage .shenbi-Wrapper .activity-rules h5 {
    font-size: 26px;
    font-family: SimHei;
    font-weight: 700!important;
    color: #e45b1e;
    line-height: 36px;
    text-shadow: 0 7px 9px rgba(228,91,30,.17);
    margin-bottom: 36px
}

.shenbiLandingPage .shenbi-Wrapper .activity-rules li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.shenbiLandingPage .shenbi-Wrapper .activity-rules li .orderNumber {
    width: 22px;
    height: 22px;
    background: #e96023;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    display: inline-block;
    text-align: center;
    margin-right: 20px
}

.shenbiLandingPage .shenbi-Wrapper .activity-rules li p {
    font-size: 18px;
    font-family: SimHei;
    font-weight: 700;
    color: #333;
    line-height: 36px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.shenbiLandingPage .shenbi-Wrapper .activity-rules li p .highlight {
    color: #e96023
}

.bd_weixin_popup .bd_weixin_popup_foot {
    display: none!important
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today {
    background: #fff!important
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
    color: red!important;
    background: #fff!important;
    border-color: #fff!important
}

input::-ms-clear,input::-ms-reveal {
    display: none
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways-expand {
    padding-bottom: 81px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -moz-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ad-purcaseTaoccan .ad-purcaseTaoccan-con .ad-purcaseTaocan-ways li.ad-wayss {
    width: 280px;
    height: 455px;
    background: #fbfbfb;
    border-radius: 8px;
    border: 1px solid #eee;
    padding-top: 15px;
    text-align: center;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.ad-purcaseTaoccan .ad-purcaseTaocan-ways li.ad-wayss h3 {
    font-weight: 700!important;
    font-size: 20px;
    margin-bottom: 7px;
}

.ad-purcaseTaoccan .ad-purcaseTaocan-ways li.ad-wayss .package-desc {
    font-size: 10px;
    color: #737373;
}

.ad-purcaseTaoccan .ad-purcaseTaocan-ways li.ad-wayss .package-desc-1 {
    font-size: 14px;
    color: #1d1d1d;
    margin-top: 5px;
}

.ad-purcaseTaoccan .ad-purcaseTaocan-ways li.ad-wayss .package-line {
    border-bottom: 1px dashed rgba(187, 187, 187, 1);
    width: 95%;
    margin: 40px auto 0;
}

.ad-purcaseTaoccan .ad-purcaseTaocan-ways li.ad-wayss a {
    display: inline-block;
    border-radius: 2px;
    line-height: 38px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 240px;
    height: 38px;
    background: -webkit-gradient(linear,right top, left top,from(#ffcd34),to(#ffcd34));
    background: linear-gradient(270deg,#ffcd34,#ffcd34);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700!important;
    color: #353535;
    margin-top: 56px;
}

.srchbar-reverse-pointer {
    cursor: pointer;
    outline: 0;
    text-decoration: none!important;
}

.srchbar-reverse img {
    width: 25px!important;
    display: inline-block;
    -webkit-transition: all 0.2s ease 0s;
    -webkit-filter: brightness(0);
}

.srchbar-reverse {
    cursor: pointer;
    padding: 0 15px 0 0;
    vertical-align: middle;
    display: table-cell;
    position: absolute;
    right: 200px;
    bottom: 10px;
}

#qbp {
    text-shadow: none;
    background: #fff none repeat scroll 0 0;
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: 0 4px 16px rgba(0,0,0,.2);
    box-sizing: border-box;
    font: 13px Arial,sans-serif;
    min-width: 460px;
    position: absolute;
    text-align: left;
    color: #333;
}

#qbx {
    background: rgba(0,0,0,0) url("data:image/gif; base64,R0lGODlhFQAVAPAAAAAAAAAAACH5BAEAAAEALAAAAAAVABUAAAIsjI+py+0PH2Czgatupfho+AUhqHWROJ7laZSm1KXchtLZ2+KJ7bH+DwwKFQUAOw==") no-repeat; scroll 0 0;  cursor: pointer;
    display: inline-block;
    height: 16px;
    margin-bottom: -2px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 16px;
    z-index: 312;
}

#qbug, #qbig {
    color: #777;
    line-height: 2;
    margin: 16px 0 0;
}

.qbwr {
    margin: auto 20px;
}

.qbtbtxt.qbclr {
    color: #777;
    text-decoration: none;
}

.qbtbha {
    display: inline;
    margin-right: 16px;
    background: #f5f5f5 none repeat scroll 0 0;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    font-size: 100%;
    padding: 7px;
}

.qbtbp {
    background: #f5f5f5 none repeat scroll 0 0;
    border-top: 1px solid #ccc;
    color: #222;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.formdrag {
    position: absolute;
    top: -40px;
    left: -20px;
    height: 80px;
    background: none;
}

.left {
    float: left;
}

.clear {
    clear: both;
}

.srchbar_jelly_yellow {
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(178,140,19,.5);
    background: #FFCE34;
    border: 0;
    height: 40px;
    color: #333;
    font-size: 15px;
    font-weight: 200;
    font-family: 'Open Sans',Meiryo,arial;
    margin: 0;
    padding: 0 15px;
    min-width: 95px;
    transition: all 0.2s ease 0s;
}

.DragAndDrop__wrapper--visibl {
    display: block!important;
}

.DragAndDrop__wrapper {
    z-index: 999;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: 0 4px 16px rgba(0,0,0,.2);
    position: absolute;
    top: 47px;
    right: 0;
    padding: 30px 40px 25px;
    width: 753px;
    display: none;
}

.DragAndDrop__head {
    margin-bottom: 30px
}

.DragAndDrop__title {
    font-size: 20px;
    font-weight: 700;
}

.Button__wrapper--colorless .Button__wrapper--icon {
    padding: 0
}[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
     cursor: pointer;
 }

.Button__wrapper {
    background-color: transparent;
    border: 0;
    line-height: 14px;
    font-size: 14px;
    letter-spacing: 0;
    text-align: center;
    border-radius: 2px;
}

.DragAndDrop__closeButton {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px!important;
    height: auto!important;
}

.Button__wrapper--icon .Button__icon {
    margin-right: 0;
}

.DragAndDrop__closeButton img {
    width: 100%!important;
    height: auto!important;
}

.DragAndDrop__dropbox {
    flex: 1 1;
    height: 164px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    border-radius: 1px;
    justify-content: center;
    border: 1px dashed #979797;
    background-color: #fafafa;
    color: #333;
    outline: none;
    transition: border .24s ease-in-out;
}

.d-none {
    display: none!important;
}

.DragAndDrop__dropboxMessage {
    display: block;
}

.DragAndDrop__dropboxIcon {
    display: block;
    width: 48px;
    height: auto;
    margin: 0 auto 20px;
}

a, a:link, a:visited {
    text-decoration: none;
    cursor: pointer;
}

.TextLink--primary {
    color: #2998cc!important;
    font-weight: 700;
    border-bottom: 1px dotted #2998cc;
}

.TextLink {
    display: inline-block;
    height: 21px;
    width: auto;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.DragAndDrop__dropboxMessage--hidden {
    display: none;
}

.DragAndDrop__dropboxMessage--dragging {
    font-size: 24px;
}
.cart_num{
    position: absolute;
    width: 14px;
    height: 14px!important;
    line-height: 14px;
    text-align: center;
    border-radius: 50%;
    right: 0;
    font-size: 10px;
    color: #ffffff;
    background-color: #ff0000;
}
.add_authorized_box{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width:100%;
    background: rgba(0,0,0,0.4);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 999;
}
.add_authorized{
    width: 60%;
    background: #f9f9f9;
    opacity: 1;
    padding: 50px;
    position: relative;
}
.add_authorized_off{
    position:absolute;
    top: 10px;
    right: 14px;
    font-weight: bolder;
    color: #000000;
    font-size: 30px;
    cursor: pointer;
}
.download_box{
    position: fixed;
    top: calc(50% - 210px);
    left: calc(50% - 143px);
    display: none;
    width: 380px;
    height: 286px;
    line-height: 20px;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(227, 220, 220);
    padding: 20px;
    flex-direction: column;
    z-index: 999;
}
.delete_box{
    position: fixed;
    top: calc(50% - 162px);
    left: calc(50% - 130px);
    display: none;
    padding: 20px;
    flex-direction: column;
    z-index: 999;
    width: 332px;
    height: 130px;
    line-height: 20px;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    color: rgb(16, 16, 16);
    font-size: 14px;
    text-align: center;
    font-family: Roboto;
    border: 1px solid rgb(227, 220, 220);
}
.download_box .edu-taocan{
    margin-top: 10px;
}
.download_box1{
    display: flex;
}
.download_box1_r{
    margin: 10px;
}
.download_img{
    width: 178px;
    height: 117px;
}
.download_l,.download_s{
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
    line-height: 16px;
}
.close_download{
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.delete_box h2{
    font-size: 16px;
    margin: 0;
    font-weight: 600;
}
.delete_box .button_box{
    display: flex;
    align-items: center;
    justify-content: center;
}
.delete_box .button_box div{
    width: 63px;
    height: 28px;
    line-height: 28px;
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    color: rgb(16, 16, 16);
    font-size: 12px;
    text-align: center;
    font-family: Roboto;
    border: 1px solid rgb(187, 187, 187);
    cursor: pointer;
    margin: 10px;
}
.delete_box .button_box div:hover{
    background-color: rgb(239, 239, 239);
}